DOM优化

（1）最小化DOM访问，在javascript端做尽可能多的事。

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

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

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

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

（5）动画中使用绝对坐标，使用拖放代理。

（6）使用事件代理