2017年12月23日

定位

摘要: 1、position:relative 相对定位 特点: 1)不影响元素本身的特性; 2)不使元素脱离文档流(元素移动之后原始位置会被保留); 3)如果没有定位偏移量,对元素本身没有任何影响; 4)提升层级。 注:定位元素位置控制:top/right/bottom/left 定位元素偏移量 2、po 阅读全文

posted @ 2017-12-23 21:16 cm笔记簿 阅读(201) 评论(0) 推荐(0) 编辑

DOM回流和重绘,文档碎片

摘要: 回流:当页面的html结构发生改变(增加,删除,位置发生改变)浏览器都需要重新计算一遍最新的DOM结构,然后重新对当前页面进行渲染。 重绘:某一个元素的部分样式发生改变。浏览器只需要重新渲染当前元素即可。 在数据绑定中 动态创建DOM节点方法 和 拼接字符串方法 中使用较多是后者 回流对性能的消耗比 阅读全文

posted @ 2017-12-23 15:17 cm笔记簿 阅读(326) 评论(0) 推荐(0) 编辑

文档常用处理方法

摘要: 一行文字超出后自动进行截取 text-overflow:ellipsis //截取后以用省略号表示后面省略内容 :clip //没有省略 white-space:nowrap 不换行 overflow:hidden; 阅读全文

posted @ 2017-12-23 14:34 cm笔记簿 阅读(144) 评论(0) 推荐(0) 编辑

JSON方法

摘要: JSON.parse(str)把JSON格式的字符串转换为JSON格式的对象 eval("("+str+")"); JSON.stringfy(str) 把JSON格式的对象转换为JSON格式的字符串 var MyJson = {"name":"chen","age":7}; JSON.String 阅读全文

posted @ 2017-12-23 13:35 cm笔记簿 阅读(157) 评论(0) 推荐(0) 编辑

2017年12月22日

浏览器异常信息捕获

摘要: 正常js 代码执行过程中遇到错误 将停止执行下去 例 console.log(num); //未定义 报错 console.log("错误不在输出") // 不再执行 try( console.log(num); //未定义出错 )catch(e){ } console.log("错误不在输出"); 阅读全文

posted @ 2017-12-22 23:09 cm笔记簿 阅读(287) 评论(0) 推荐(0) 编辑

类数组转换数组

摘要: Array.prototype.slice.call() arguments 支持 元素集合 或节点集合 ie6-8不支持 兼容问题见 浏览器异常捕获部分 [].slice.call() 类数组转换方法 把类数组中每一项取出来 重新放到新的空数组中 然后返回 var arr = []; for(va 阅读全文

posted @ 2017-12-22 22:50 cm笔记簿 阅读(132) 评论(0) 推荐(0) 编辑

数组求大小值

摘要: 方法一 var arr = [1,2,3,4,5,2,3,4,5,7]; arr.sort( function(a,b){ return a-b; }) var min = arr[0]; var max = arr[arr.length-1]; 方法二 var arr = [1,2,3,4,5,2 阅读全文

posted @ 2017-12-22 18:23 cm笔记簿 阅读(191) 评论(0) 推荐(0) 编辑

calll、apply、bind

摘要: call apply bind(预处理this) 阅读全文

posted @ 2017-12-22 15:11 cm笔记簿 阅读(240) 评论(0) 推荐(0) 编辑

2017年12月21日

原型链继承

摘要: 阅读全文

posted @ 2017-12-21 12:45 cm笔记簿 阅读(92) 评论(0) 推荐(0) 编辑

2017年12月20日

常用字符串方法

摘要: localCompare string1.localCompare(string2) 返回 1 或 -1 用来比较字符串的位置前后 按字母顺序 / 音相同按ascii 字符串就是由零到多个字符组成的 第一个字符 索引 0 第二个字符 索引 1 ...... 以数字作为索引 从零开始 2、 有 一个叫 阅读全文

posted @ 2017-12-20 15:32 cm笔记簿 阅读(341) 评论(0) 推荐(0) 编辑

导航