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