DOM优化

（1）最小化DOM访问，在javascript端作尽量多的事。

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

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

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

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

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

（6）使用事件代理