2010-11-27 60 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

相關問題