yapeee-CSDN博客

原创【vue】vant + vux UI组件实现【tab栏+日历】日期选择器

问题描述HMS需要实现产品的一个日期选择器。要求如下，小于等于7天的日期范围显示横向滑动的日期栏，大于7天的日期范围则要在日期栏右侧固定显示一个日历icon，点击显示日历，且日期上显示有无号的标志（可认为是该日期的一个特殊标识）完整实例https://github.com/yapeee/vue_points效果展示1：效果展示2：重难点实现1.日期t...

2019-07-11 13:13:30 10745 9

原创【js踩坑之路】因换行符导致字符串转换json失败

问题描述：HMS从后台获取到一个json转换的字符串，需要重新转换为json数据。通过使用JSON.parse()方法顺利完成了转换json。但是在测试某一条数据的时候，HMS惊奇的发现，JSON.parse()方法报错了，错误如下（示例），那么是什么原因导致的呢？解决办法：经查询，是由于字符中存在换行符，导致转换json失败，那么如何才能正确解析换行符呢？需要先将字符串中的一...

2019-04-16 19:08:06 4821

原创【css踩坑之路】HTML中的空隙的产生原因以及解决办法

1.问题描述HMS想要在在一行里面显示多个div，于是他这样写<!DOCTYPE html><html><head> <title>html空隙</title></head><body> <div> <div class="box&quo

2019-01-25 15:54:18 2583

原创【js踩坑之路】复制变量值的具体用法

问题描述：在VUE中，设置了this.a = this.b（b为object类型），input中使用v-model绑定了this.a，发现在改变a的值后，b的值也会跟着改变。经查询，是由于不清楚js中复制变量值的具体用法，从而引发的问题。复制变量值从一个变量向另一个变量复制值的操作。在上述操作中，this.a = this.b的操作就是复制变量值。复制变量值包括两种操作，一种是复制...

2019-01-16 17:14:29 697

原创《JavaScript高级程序设计》学习笔记——数据类型

数据类型有5种简单数据类型：Undefined、Null、Boolean、Number、String。1种复杂数据类型：Object（由一组无序的名值对组成的）。typeof操作符返回字符串含义：“undefined”——该值未定义“boolean”——该值是布尔值“string”——该值是字符串“number”——该值是数值“object”——该值是对象或者n...

2018-12-04 09:11:05 246

原创【echarts样例】有一条总计平均值的堆叠柱状图

源码代码var data = [ [320, 302, 301, 334, 390, 330, 320], [120, 132, 101, 134, 90, 230, 210], [220, 182, 191, 234, 290, 330, 310], [150, 212, 201, 154, 190, 330, 410],...

2018-11-09 14:12:39 5142 1

原创【vue】使用wangeditor富文本编辑器

前言：本项目需要一个轻量级的，能够显示源码的富文本编辑器。经查询对比后，选择wangeditor，但是发现wangeditor3（最新版）中没有展示源码的功能，故选择wangeditor2。wangeditor2使用手册：https://www.kancloud.cn/wangfupeng/wangeditor2/113961使用方法：1.下载：选择npm安装：因为目前默认...

2018-09-07 14:22:08 12844 8

原创【mpvue】实现echarts图表动态加载数据

功能描述使用mpvue框架开发微信小程序。目的效果为小程序中显示一个折线图，当点击切换按钮时，切换图表。实现步骤1.查询mpvue官方文档关于echarts的实现方式------静态加载图表，只加载一次参考官方文档：在mpvue中使用echarts小程序组件2.实现动态加载图表（能够根据需求多次绘制图表）思路：每次获取到option（图表数据）的时候就重新绘制一次图表。...

2018-08-28 13:57:30 4196 3

原创【echarts】y轴起始坐标设置为数据最小值

echart的y轴设置最小值有两种方式1.min可以设置为特殊值‘dataMin’，此时取数据在该轴上的最小值作为最小刻度。yAxis: { min: 'dataMin' // 最小值},2.scale设置为true后，坐标刻度不会强制包含零刻度。（注意：只在数值轴中（type:'value'）中有效）yAxis: { scale:true}, ...

2018-07-24 17:26:11 35546

原创【微信小程序】scroll-view实现字幕滚动

需求：实现框内的文字自下而上的自动循环滚动。解决方案：demo：https://github.com/yapeee/wx-text-rolling-demo通过控制滑动条来完成字幕滚动，通过setinterval完成字幕循环滚动。wxml:<scroll-view class="container" scroll-y="true" bindscroll="scrol...

2018-07-13 13:23:28 7218 5

原创【echarts样例】环形图

源码代码：option = { color:["#fff","#ccc"], grid:{ show:true, backgroundColor:"#2EBEFA" }, title: { text: '良好', subtext: 'xx状况', x: 'center', ...

2018-07-12 09:35:04 2243 1

原创【微信小程序】跳转页面传对象参数，以及获取参数的方法

wx.navigateTo({ url: '../record/record?type=' + recordType + '&record=' + JSON.stringify(record), })onLoad: function (options) { this.setData({ recordList: JSON.parse(options.r...

2018-07-12 09:23:59 7094 3

原创【echarts样例】X轴为显示一周的时间轴

源码代码片段：var data = [ {name:'"2018-07-05 18:00:29"', value:["2018-07-05 18:00:29", 37]}, {name:'2018-07-04 18:00:29', value:["2018-07-04 18:00:29", 36]}, {name:'2018-07-03 18:00:29', va...

2018-07-11 13:46:19 18295

原创【js】根据提供日期获得上周一到上周日的日期列表

描述：根据提供日date格式的日期获取格式为yyyy-mm-dd的上周一到上周日的日期数组js代码/** * 获取上周一到上周日 * * @date 格式为日期格式 * 返回格式为 yyyy-mm-dd的日期的数组，如：['2014-01-25'] */var getProWeekList = (date) => { var dateTime = date.getTime()...

2018-07-11 13:11:33 5305 1

原创【微信小程序】实现自定义蒙层遮盖canvas（cover-view）

问题描述：在自定义蒙层中，蒙层不能够实现遮盖canvas。经查询，发现canvas等原生组件在微信小程序中的层级是最高的。经查询，发现

2018-07-10 18:05:41 13683

原创【微信小程序】获取view等组件的高度等信息（获取节点信息）

js//创建节点选择器 var query = wx.createSelectorQuery(); query.select('.list').boundingClientRect() query.exec((res) => { scrollHeight = res[0].height; // 获取list高度 })res内容：tips:q...

2018-07-10 17:52:10 17762 1

原创【微信小程序】动画实现字幕滚动

需求：实现框内的文字自下而上的自动循环滚动。解决方案：demo：https://github.com/yapeee/wx-text-rolling-demo 第一种方法：经查询，最一开始实现字幕滚动是使用的微信小程序的swiper组件，后来发现，使用swiper组件实现的效果类似于轮播图，不符合需求。<swiper class="swiper_container...

2018-07-10 15:09:04 19462 1

原创微信小程序中echarts动态加载数据

前期准备需求：需要在微信小程序中动态显示图表。经查询，选择使用echarts插件。在echarts官网中获取ec-canvas组件，放入至微信小程序中实现如下：完整实例：dynamic-echarts-demowxml<ec-canvas id="mychart" canvas-id="mychart-line" ec="{{ ec }}"></ec...

2018-07-07 09:20:56 29257 32

原创 angular输出带有style样式的html

问题描述：要使用angular获取一个HTML格式且含有style样式的字符串首先，angular输出html格式的字符串（note）的实现方法为：<div [innerHTML]="note" ></div>但是，运行代码后发现，这样并不能够将note字符串中的style样式显示出来。angular输出带有style样式的html格式的字符串的实现方法为：1.自定义一个H...

2018-05-31 16:11:22 2948

转载 jqgrid合并单元格

合并单元格，目测可用，没有用到自己的项目中。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>..

2018-05-21 15:40:43 546

原创 js实现字符串格式的日期加一天

首先获取字符串格式的日期，然后获取这个日期的时间戳，通过时间戳完成加一天的操作，再将时间戳转换为date格式，再转换为字符串格式。//增加一天function addDate(time) { //加一天 var timestamp = Date.parse(new Date(time)); timestamp = timestamp /1000; timestam...

2018-05-09 16:32:19 8823

可根据canvas导出为图片的步骤来做：// 基于准备好的dom，初始化echarts实例var myChart = echarts.init(document.getElementById('dailyCurveCharts'));获取echarts中的canvasvar mycanvas = $("#dailyCurveCharts").find("canvas")[0];点击按钮导出图片/...

2018-05-09 16:18:35 23441 5

原创 jqGrid插件的基本使用

相关插件<link rel="stylesheet" href="../../../css/ui.jqgrid.css" /><script src="../../../js/jquery-2.1.4.min.js"></script><script src="../../../js/jquery.jqGrid.min.js"&am

2018-05-07 09:04:48 1254

yapeee的博客