码迷,mamicode.com
首页 > 其他好文 > 详细

DOM优化

时间:2015-05-09 21:47:10      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:

(1)最小化DOM访问,在javascript端做尽可能多的事。

(2)在反复访问的地方使用局部变量存放DOM引用。

     一般来说,对于任何类型的DOM 访问,如果同一个DOM 属性或方法被访问一次以上,最好使用一个局部变量缓存此DOM 成员。当遍历一个集合时,第一个优化是将集合引用存储于局部变量,并在循环之外缓存length 属性。然后,如果在循环体中多次访问同一个集合元素,那么使用局部变量缓存它。

(3)可能的话,使用速度更快的API,诸如querySelectorAll()和firstElementChild。

(4)注重重绘和重排版:批量修改风格,离线操作DOM树,缓存并减少对布局信息的访问。

(5)动画中使用绝对坐标,使用拖放代理。

(6)使用事件代理

DOM优化

标签:

原文地址:http://www.cnblogs.com/n-q-y/p/4491026.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!