web性能优化之javascript篇

1. 清空数组用arr.length=0,不要用arr=[];这样相当于又创建了一个新对象赋值给arr
2. 对象使用完成后尽量置空obj=null,这样利于浏览器GC
3. 使用Canvas绘图可以有效避免渲染树

4. Web Workers异步线程(高级浏览器中特性,如果有兼容性要求请慎用)

5. 能使用局部变量的尽量不用全局变量

6. 如果字符串连加比较多的话尽量先用数组存储,然后join。注意java端尽量用StringBuilder(快,但线程不安全),如果要保证线程安全时尽量用StrigBuffer(慢点,但线程安全),并且需要给StringBuilder/StrigBuffer初始化合理的初始大小,这两个类本质也是使用的数组存储,然后join的

7. 对于公用对象或方法尽量定义为局部变量

8. 尽量使用条件终止优化循环,尽量避免循环到底

9. 选项较多时使用switch

10.尽量少用或者不用jQuery等框架(对于性能要求不高并且需要快速开发的项目除外)

11.闭包虽好,但是一定要慎之又慎

12.对于大数组遍历中for比forin要快很多

13.能用textContent的就不要用innerHTML

性能优化永无止境

你可能感兴趣的:(前端开发)