DOM访问和操作的优化方法

1、最小化DOM访问次数,尽可能在JavaScript端处理;


2、如果需要多次访问某个DOM节点,请使用局部变量存储它的引用;


3、小心处理HTML集合,因为它实时联系着底层文档。把集合的长度缓存到一个变量中,并在迭代中使用它。如果需要经常操作集合,建议把它拷贝到一个数组中;


4、如果可能的话,使用速度更快的API,比如querySeletorToAll()和firstElementChild


5、要留意重绘和重排;批量修改样式时,“离线”操作DOM树,使用缓存,并减少访问布局信息的次数;


6、动画中使用绝对定位,使用拖放代理


7、使用事件委托来减少事件处理器的数量。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章