DOM优化

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM优化相关的知识,希望对你有一定的参考价值。

DOM与浏览器

  重排:改变页面内容

  重绘:浏览器显示内容

  1、添加顺序:

    --尽量在appendChild前添加操作

  2、合并DOM操作:

    --利用cssText

  3、缓存布局信息:

  4、文档碎片:

    --createDocumentFragment()

 

DOM与javascript

  1、浏览器会把DOM与js独立实现

    --像两个独立的小岛

  2、js操作DOM

    --从一个岛到另一个岛

  3、DOM性能

    --岛与岛之间的桥,每次通过收取“过桥费”

    --尽量减少过桥次数

 

以上是关于DOM优化的主要内容,如果未能解决你的问题,请参考以下文章

优化 jQuery 中的 DOM 选择

web性能优化--减少DOM操作

DOM优化

前端性能优化之DOM

DOM操作优化

jQuery-性能优化-避免不必要的 DOM 操作