DOM访问和操作的优化方法

1、最小化DOM访问次数&＃xff0c;尽可能在Javascript端处理&＃xff1b;

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

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

4、如果可能的话&＃xff0c;使用速度更快的API&＃xff0c;比如querySeletorToAll()和firstElementChild&＃xff1b;

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

6、动画中使用绝对定位&＃xff0c;使用拖放代理&＃xff1b;

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