javascript性能优化
2015-07-17 09:54
441 查看
1 最小化dom访问次数,尽可能在js端执行;
2 如果需要多次访问某个dom节点,请使用局部变量存储对它的引用;
3 小心处理html集合,因为它实时连系着底层的文档,把集合的长度缓存到一个变量中,并在迭代中使用它,如果需要经常操作集合,建议把它拷贝到一个数组中;
4 如果可能的话,使用速度更快的API,比如querySelectorAll和firstElementChild;
5 要留意重绘和重排;批量修改样式时,“离线”操作dom树;使用缓存,并减少访问布局的次数;
6 动画中使用绝对定位,使用拖放代理
7 使用事件委托来减少事件处理器的数量 总结下js中对数据访问的优化(节选自高性能JavaScript) 1 函数中读写局部变量总是最快的,而全局变量的读取则是最慢的;
2 尽可能地少用with 语句,因为它会增加with 语句以外的数据的访问代价;
3 闭包尽管强大,但不可滥用,否则会影响到执行速度以及内存;
4 嵌套的对象成员会明显影响性能,尽量少用;
5 避免多次访问对象成员或函数中的全局变量,尽量将它们赋值给局部变量以缓存。
2 如果需要多次访问某个dom节点,请使用局部变量存储对它的引用;
3 小心处理html集合,因为它实时连系着底层的文档,把集合的长度缓存到一个变量中,并在迭代中使用它,如果需要经常操作集合,建议把它拷贝到一个数组中;
4 如果可能的话,使用速度更快的API,比如querySelectorAll和firstElementChild;
5 要留意重绘和重排;批量修改样式时,“离线”操作dom树;使用缓存,并减少访问布局的次数;
6 动画中使用绝对定位,使用拖放代理
7 使用事件委托来减少事件处理器的数量 总结下js中对数据访问的优化(节选自高性能JavaScript) 1 函数中读写局部变量总是最快的,而全局变量的读取则是最慢的;
2 尽可能地少用with 语句,因为它会增加with 语句以外的数据的访问代价;
3 闭包尽管强大,但不可滥用,否则会影响到执行速度以及内存;
4 嵌套的对象成员会明显影响性能,尽量少用;
5 避免多次访问对象成员或函数中的全局变量,尽量将它们赋值给局部变量以缓存。
相关文章推荐
- js的2种继承方式详解
- js调用打印机打印指定内容
- jsonp跨域原理解析
- a标签 中调用js的几种方法
- js常用插件
- 使用java和javascript判断当前浏览者的操作系统
- JavaScript调用浏览器打印功能实例分析
- 用javascript判断一个html元素是否存在的五种方法:
- 使用 jsoup 对 HTML 文档进行解析和操作
- json 数据类型
- [JSOI2010][BZOJ1822] Frozen Nova 冷冻波
- js常用插件
- JS判断页面是否出现滚动条的方法
- eclipse关闭javascript校验功能
- js中利用jsonp来跨域
- [LeetCode][JavaScript]Product of Array Except Self
- JavaScript 时间与日期
- JS判断页面是否出现滚动条的方法
- JavaScript调用浏览器打印功能实例分析
- javascript生成不重复的随机数