2010-11-27 63 views
1

根据chrome分析器handleEvent占用了大约90%的时间,当我做div_el.innerHTML =“带有数百个简单div的html”时。 handleEvent在做什么?我使用jquery。为什么handleEvent在插入div时需要很多时间

+1

你能告诉我们你的代码? – 2010-11-27 10:10:03

回答

2

div_el.innerHTML = html;数百个简单的div的需要,因为写入到DOM 数量的年龄 - 与他们组装“离线”(作为一个简单的字符串或此类),并将它们全部写入相比非常缓慢DOM一举中。

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

从上面(下尽量减少DOM访问):

访问使用JavaScript DOM元素是缓慢,为了有一个更 响应页面,您应该:

  • 缓存引用访问的元素
  • 更新节点“下线”,然后将它们添加到树
  • 避免固定布局的JavaScript
+0

谢谢。脱机更新节点然后将它们添加到树中意味着什么?所有的dom访问都在handleEvent里面似乎很奇怪。 handleEvent在做什么? – Peder 2010-11-29 04:46:26

相关问题