- 博客(34)
- 收藏
- 关注
原创 小程序图片设置display:inline-block;没有与字体对齐
图片添加 display:inline-block; 属性时图片没有与字对齐解决方法:添加 vertical-align:top; 属性
2018-10-24 13:06:21 1933
原创 微信小程序-AES,ECB,Pkcs7加密解密
var Aes = require('crypto-js.js'); //引用AES源码jsvar key = Aes.enc.Utf8.parse(" 十六位十六进制数作为秘钥"); var iv = Aes.enc.Utf8.parse('十六位十六进制数作为秘钥偏移量'); //加密方法function Aese(secretPwd){var secretPwd = se...
2018-07-23 12:10:40 2568
原创 gulp一些内容
gulp运行时报错,缺少某个模块,解决办法:直接安装模块就好。创建package.json文件 npm initcnpm install gulp-sass --save-devcnpm install gulp-rename --save-devcnpm install gulp-minify-css --save-devcnp
2017-11-21 12:00:52 330
原创 require中exports和module.exports
require(['js/reqs.js'],function(reqo){reqo.moex();reqo.moexo()});//js文件第一种内容define(['module'],function(module){module.exports = {moex:function(){alert('1')},moexm:function(){al
2017-11-21 11:48:12 488
原创 ECharts2.0报错'__animators' of undefined原因
因为legend数组中的数据重复了,原因是echart初始化时会删除上次的图画中的内容,如果上次的图画中的内容有错误,此时汇报这个错误。
2017-10-17 21:11:21 1933
原创 父元素设置min-height子元素设置100%问题
父元素设置min-height子元素高度设置100%取不到值,这是因为子元素 div设置 height:100%;只有当父级元素满足min-height:1000px;设置的条件才触发;浏览器默认是不会触发的,所以子元素的100%的高度继承就失效了。min-height 是在 height 计算之后再套用的.解决方法:给父元素加绝对定位,然后子元素加相对定位,这样子元素的高度就会根据父元素的高
2017-09-27 18:15:08 13901 2
原创 ECharts2.0横向显示柱状图
// 柱状图right HistogramR:function(HistogramData){ // 图表释放------------------- ec.init(document.getElementById(HistogramData.id)).dispose(); //
2017-09-27 17:58:46 3604
原创 ECharts2.0柱状图横向显示
option = { tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器,坐标轴触发有效 type : 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, forma
2017-09-27 17:52:25 1879
原创 echarts-2.2.7标准面积图颜色渐变
var myChar11 = ec.init(document.getElementById('box-11')); myChar11.setOption({ title : { text: '某楼盘销售情况', subtext: '纯属虚构' }, tooltip : { trigger: 'a
2017-08-10 11:26:26 7235 1
原创 echarts-2.2.7柱状颜色渐变
var myChar11 = ec.init(document.getElementById('box-11')); myChar11.setOption({ title : { text: '某楼盘销售情况', subtext: '纯属虚构' }, tooltip : { trigger: 'a
2017-08-10 11:18:35 3146
原创 ECharts3.0柱状图隐藏y轴和x轴
var dataNum = ["100","200","300","400","500","600"]; var myChart = echarts.init(document.getElementById('box-four')); option ={ title : { text: '',
2017-08-03 10:38:27 12047
原创 echarts-2.2.7柱状图隐藏y轴和x轴
var dataNum = ["100","200","300","400","500","600"]; var myChartfour = ec.init(document.getElementById('box-four')); myChartfour.setOption({ title : { text: '',
2017-08-02 16:22:35 4337
原创 Echarts中legend图形和字体颜色改变
optiontwo = { title : { text: '某站点用户访问来源', subtext: '纯属虚构', x:'center' }, tooltip : { trigger: 'item', formatter: "{a} {b} : {c} ({d}%)" },
2017-08-01 17:23:31 20517
转载 js中的||与&&用法
1、||(逻辑或)只有前后都是false的时候才返回false,否则返回true。alert(2||1);//2前面2是true,后面1也是true,结果是2,?alert('a'||1);//'a'前面'a'是true,后面1也是true;测试结果是'a',?alert(''||1);//
2017-07-27 11:22:44 22135 1
原创 移动端正方形高度自适应
使用margin/padding的百分比值来解决自适应高度的关键在于:容器margin/padding的百分比参照物是父元素的宽度,而容器的width的百分比参照物也是父元素的宽度,俩属性参照物一致,那么想要把这俩属性的值统一起来就简单了。margin*{margin: 0;padding: 0;} body,html{wi
2017-06-17 20:29:18 1642
原创 echarts柱状图虚线显示
最后一个柱状图虚线显示option = { color: ['#3398DB'], tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器,坐标轴触发有效 type : 'shadow' // 默认为直线,可选为:'
2017-06-17 19:48:13 29158 2
原创 echarts折线图实线加虚线
var weiChart = echarts.init(document.getElementById('box'));option = { title: { text: '折线图堆叠' }, tooltip: { trigger: 'axis' }, legend: { data:['邮件营销','联盟广
2017-06-17 16:50:29 7164
原创 echarts折线图分段显示不同颜色
var weiChart = echarts.init(document.getElementById('box'));option = { title: { text: '折线图堆叠' }, tooltip: { trigger: 'axis' }, legend: { data:['邮件营销','联盟广
2017-06-17 16:41:03 7435 1
原创 echarts 实线改变成虚线
option = { title: { text: '折线图堆叠' }, tooltip: { trigger: 'axis' }, legend: { data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎'] }, grid: {
2017-06-17 16:26:15 61141 1
转载 canvas圆形扩散
var canvasList = document.getElementById('box'); var canvas = document.createElement('canvas'); canvasList.appendChild(canvas); canvas.width = 600; //☜ canvas.height = 600;
2017-06-08 23:02:48 1691
原创 canvas动画圆形扩散
var canvasList = document.getElementById('box'); var canvas = document.createElement('canvas'); canvasList.appendChild(canvas); canvas.width = 600; // canvas.height = 600;
2017-06-08 22:52:44 2672
原创 实现左边固定宽度右边自适应布局
第一种 #box{width: 100%;background: red;overflow:hidden;} #lef{float:left;width: 300px;height: 300px;background: blue;} #rig{margin-left: 310px;background: pink;height: 500px;}
2017-06-07 12:51:01 424
原创 ECharts坐标轴是否显示和修改显示颜色改变字体颜色
var myChart = echarts.init(document.getElementById('box'));option = { color: ['#3398DB'], title: { text: '总收益', x:'center',
2017-04-07 15:43:12 17701
转载 localStorage使用总结
一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。 二、localStorag
2017-02-22 10:57:05 317
原创 百度地图自定义覆盖物自定义信息框
var timeOut=null; // 添加弹出框数据 var data_infoveh = [ [117.215914,39.190908,'1','30','0001','12345678','2016年12月30日',100,'1:30',], [129.404425,37.669868,'2','30','000
2017-01-10 16:27:48 7344
原创 百度地图canvas自定义轨迹
//将地图坐标转换成像素 //基本参数开始 MCBAND = [12890594.86, 8362377.87, 5591021, 3481989.83, 1678043.12, 0] LLBAND = [75, 60, 45, 30, 15, 0] MC2LL = [[1.410526172116255e-8, 0.000008983055
2017-01-10 15:15:51 6027 1
原创 H5统计数据图
*{margin: 0; padding: 0;} html,body{ width:100%; height:100%; background:#f7f7f8; margin:0 auto; font-
2017-01-10 11:06:37 3828
原创 ECharts浮动柱状图
function cityTimeCount(){ var myChartOne = echarts.init(document.getElementById('cityTimeCount')); optionOne = { tooltip : { trigger: 'axis', axisPointer :
2017-01-10 10:14:11 2261
原创 ECharts地图应用图片定位
function CityMaptwo(){ var qmyChartCity = echarts.init(document.getElementById('boxMap')); // 签约城市 var qciytData = [ {name: '海门', valu
2017-01-09 19:22:33 3296 2
原创 ECharts地图应用定位
// 地图function CityMap(){ var myChartCity = echarts.init(document.getElementById('boxMap')); var ciytData = [ {name: '海门', value: 0},
2017-01-09 19:16:24 5763
原创 ECharts堆叠区域图重叠显示
regionalMap();function regionalMap(){ var myChartFour = echarts.init(document.getElementById('regionalMap')); optionFour = { title: { text
2017-01-09 19:07:01 16105 1
原创 Echarts自定义formatter
*{margin: 0; padding: 0;} html,body{ width:100%; height:100%; background:#f7f7f8; margin:0 auto; font-
2017-01-09 18:58:31 10215
原创 IScroll上拉加载下拉刷新
IScroll上拉加载下拉刷新 @charset "utf-8"; *{margin: 0; padding: 0;} html,body{ width:100%; height:100%; font
2017-01-09 17:35:47 342
转载 ECharts基本设置设置
theme = { // 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e
2017-01-09 16:27:00 9039
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人