- 博客(5)
- 收藏
- 关注
原创 提高JavaScript性能④
循环 1.尽量避免使用for-in 2.尽量减少每次迭代的运算量和减少循环次数 3.if-else适用于两个离散值或几个不同的值域,当判断多余两个离散值时,switch语句更好 4.当判断条件较多时,使用查询表比if-else和switch更快 5.缓存计算结果,来避免重复计算
2017-11-21 07:20:09 191
原创 提高JavaScript性能③
dom对性能的影响 1.尽量减少dom操作,操作dom是昂贵的(节点克隆,HTML集合转换成数组,局部变量储存引用等) 2.使用更快的api,如querySelectAll何firstElementChild 3.注意重绘和重排(添加删除dom元素,位置,尺寸,内容,窗口改变) 4.强制刷新队列的方法:(offsetTop, offsetLeft, offsetWidth,offsetHe
2017-11-20 14:02:08 152
原创 提高JavaScript性能②
在JavaScript中,数据存储的位置对性能有所影响 1.字面量和局部变量是比较快的,数组或者对象成员是比较慢的 2.局部变量在作用域链的最顶端,所以较快;全局变量在最末端,所以较慢 3.避免使用with,因为他改变了执行环境的作用链,try-catch也要注意 4.通常来讲,你可以把常用的对象成员,数组保存在局部变量中来改善JavaScript的性能
2017-11-20 13:58:30 142
原创 提高JavaScript性能①
1.在body>闭合标签之前,将所有的script>标签放到页面底部,这能确保在脚本执行前页面已经完成了渲染; 2.合并脚本,页面中的script>标签越少,加载也就越快,相应也更迅速。无论外链接文件还是内嵌脚本都是如此; 3.有多种无阻塞下载JavaScript的方法 - 使用script>标签的defer属性,有的浏览器不支持defer属性; - 使用动态创建的script>元素来
2017-10-24 17:26:58 264
转载 给不支持classList的浏览器(ie9以及以下等)的元素添加classList属性
if (!("classList" in document.documentElement)) { Object.defineProperty(HTMLElement.prototype, 'classList', { get: function() { var self = this; function update(fn)
2016-12-27 10:49:46 10075 9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人