根据chrome探查器的处理,当我做div_el.innerHTML =“带有数百个简单div的html”时,handleEvent会占用〜90%的时间。 handleEvent在做什么?我使用jQuery。
最佳答案
具有数百个简单div的div_el.innerHTML = html;
需要很长时间,这是因为对DOM的写入次数
-与将它们“脱机”(作为一个简单的字符串等)并将它们全部写入DOM相比,这非常慢。
看看http://developer.yahoo.com/performance/rules.html
从上面(在“最小化DOM访问”下):
使用JavaScript访问DOM元素
很慢所以为了有更多
响应页面,您应该:
缓存对已访问元素的引用
更新节点“离线”,然后将其添加到树中
避免使用JavaScript修复布局