DOM操作优化来加速Javascript

在我们开发互联网富应用(RIA)时,我们经常写一些javascript脚本来修改或者增加页面元素,这些工作最终是DOM——或者说文档对象模型——来完成的,而我们的实现方式会影响到应用的响应速度。
DOM操作会导致浏览器重解析(reflow),这是浏览器的一个决定页面元素如何展现的计算过程。直接修改DOM,修改元素的CSS样式,修改浏览器的窗口大小,都会触发重解析。读取元素的布局属性比如offsetHeithe或者offsetWidth也会触发重解析。重解析需要花费计算时间,因此重解析触发的越少,应用就会越快。
DOM操作通常要不就是修改已经存在的页面上的元素,要不就是创建新的页面元素。下面的4种优化方案覆盖了修改和创建DOM节点两种方式,帮助你减少触发浏览器重解析的次数。

Tags:

  • 搜索

  • Tags Cloud

    • (2) (2) (2) (12) (2) (2) (6) (11) (2) (2) (3) (3) (2) (19) (6) (3) (3) (9) (3) (2) (2) (21) (2) (4) (3) (2) (15) (3) (2) (2) (2) (3) (2) (2) (2) (2) (3) (2) (3) (12) (3) (2) (5) (3) (2)

      WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.

  • 赞助商

    AD载入中……