JSDOM优化

• JS操作DOM，就像从一个岛到另外一个岛，过桥的时候，每次都要收取过桥费，尽量减少过桥的次数。列如：   for循环插入到页面5000个LI：  应该 先用一个变量存 5000个li,然后一次插入。
• innerHTML与DOM的方法速度比较： weiKit 的浏览器 DOM方法要快，其他的浏览器innerHTML更快！
• 减少DOM操作：
•  1. 使用节点克隆    
• 2. 访问元素集合=》使用一个局部变量存起来。
• 3.尽量使用只获取元素的节点方法=》 不用那些 元素和文本节点一起都获取到的方法。
• 4. 使用新的选择器API =》 querySelector   querySelectorAll 
• DOM与浏览器：  
• 1.尽量在appendChild()前添加操作（在把元素插入到页面之前添加完其他的内容）。  
• 2.  合并DOM操作： 利用cssText() 添加多个样式，而不是使用style. 一次一个添加 。
• 3.缓存布局信息。
• 利用文档碎片： 
• 

 

• 使用DOM事件委托
• 使用前端模板 =》 jQuery 也有前端模板。