js性能优化
一、变量查找优化
1、变量声明要带上var。(否则js引擎将遍历整个作用域查找变量)
2、慎用全局变量。(生命周期长,不利于内存释放)
3、缓存重复使用的全局变量。
4、避免使用with语句。
二、核心语法的优化
1、通过原型优化方法定义。
2、避免使用属性访问方法。
3、避开闭包陷阱。
4、避免在循环中使用try-catch。
5、使用for代替for...in。
6、使用原始操作代替方法调用。
7、传递方法取代字符串。
三、脚本装载优化
1、使用工具精简脚本
2、启用gzip压缩
3、设置cache-control和expires头(可以将脚本文件缓存在客户端或代理服务器上)
4、异步加载脚本
四、dom操作优化
1、减少dom元素数量
2、优化css样式转换
3、优化节点添加
4、优化节点修改
5、减少使用元素位置操作
6、避免遍历大量元素
四、事件优化
1、使用事件代理
五、动画优化
1、设置动画元素为absolute或fixed
2、使用一个timer完成多个元素动画