摘要: 画svg图像 1.添加svg元素 2.添加g元素,g元素是一个分组的元素,相当于html中的div元素 3.画图像 4.画坐标轴 d3画闲线性曲线例子 html: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title> 阅读全文
posted @ 2017-05-29 22:53 明烟雨任 阅读(518) 评论(0) 推荐(0) 编辑
摘要: 指令:v-model v-text v-show v—if v-for v-on v-bind 过滤器的使用,computed的使用 v-model:一般用在双向数据绑定,有表单,文本框,单选框,下拉单等都用model实时绑定 v-for:凡是有列表,循环输出的都用v-for指令 v-on:clic 阅读全文
posted @ 2017-04-05 21:01 明烟雨任 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 减少HTTP请求数,ajax缓存,Gzip压缩传输文件,避免使用src,减少cookie大小,减少DNS查询次数,使用css sprites,避免404 阅读全文
posted @ 2017-03-29 01:14 明烟雨任 阅读(169) 评论(0) 推荐(0) 编辑
摘要: var html = [],i;for(i = 0; i < 10; i++){ html.push('<ul><li>第' + (i+1) + '行</li></ul>');}document.body.innerHTML = html; 阅读全文
posted @ 2017-03-29 01:10 明烟雨任 阅读(1963) 评论(0) 推荐(0) 编辑
摘要: var arr = [1,2,3,4,5,6,7,8,9,10,11,12], r = arr.slice(0,10).reduce(function(x,y){ return x+y; }); alert(r); 注意:slice(0,10)函数是取前面十个数字 阅读全文
posted @ 2017-03-29 00:58 明烟雨任 阅读(1384) 评论(0) 推荐(0) 编辑
摘要: var arr = [1,2,3,4,5,6,7,8,9,], r = arr.sort(function(){ return Math.random() > .5 ? -1:1; }); alert(r); 阅读全文
posted @ 2017-03-29 00:52 明烟雨任 阅读(3094) 评论(0) 推荐(1) 编辑
摘要: Rem与em的简单理解 Em单位与像素px的转换 所得的像素值 = 当前元素的font-size * em的值 比如:div的font-size:12px 10em等同于120px 12*10 =120 Rem单位如何转换为像素值 所得像素值 = 根元素html font-size(默认是16px) 阅读全文
posted @ 2017-03-29 00:41 明烟雨任 阅读(329) 评论(0) 推荐(0) 编辑
摘要: 冒泡与捕获的理解 冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标的顺序触发 IE6: div -> body -> html -> document Mozilla: div -> body -> html -> document ->window 捕获型事件:事件从最不精确的对象(do 阅读全文
posted @ 2017-03-29 00:20 明烟雨任 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 利用ES5的filter高阶函数来实现 var arr =[1,2,3,4,5,6,7,17,27,21,22,28......100], r = arr.filter(function(x){ return (x % 10 == 7|| x % 7 == 0); }); alert(r);//[7 阅读全文
posted @ 2017-03-29 00:10 明烟雨任 阅读(20308) 评论(0) 推荐(0) 编辑
摘要: 浏览器的兼容性浅谈 Css兼容性 <span>标签在IE下要放在前面,否则IE会有问题。 IE6下没有min-width的概念,起默认的width就是min-width IE6下两个float之间会有3px的bug IE6图片的下方会有空隙 IE6下margin:0 auto不能剧中,解决:为其父容 阅读全文
posted @ 2017-03-28 23:59 明烟雨任 阅读(224) 评论(0) 推荐(0) 编辑