为什么handleEvent在插入div时花费了这么多时间

Question

根据chrome profiler handleEvent占用了大约90％的时间，当我做div_el.innerHTML =“html与数百个简单的div”。 handleEvent在做什么？我用jquery。

Answer 1

由于对DOM的写入次数，带有数百个简单div 的

div_el.innerHTML = html;需要很长时间   - 与将它们“离线”组装（比如简单的字符串等）相比，它们非常慢，并且一举将它们全部写入DOM。

查看http://developer.yahoo.com/performance/rules.html

从上面（最小化DOM访问）：

  

使用JavaScript访问DOM元素   很慢，所以为了拥有更多   响应式页面，你应该：

     

  
• 缓存对已访问元素的引用
  
• 更新节点“离线”，然后将其添加到树
  
• 避免使用JavaScript修复布局