js操作dom时发生了什么?

Posted Ck刺客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js操作dom时发生了什么?相关的知识,希望对你有一定的参考价值。

 
     
每次对dom的操作都会触发"重排",这严重影响到能耗,一般通常采取的做法是尽可能的减少dom操作来减少"重排"
 
处理方法:创建一个文档碎片将需要添加的大量元素  先添加到文档碎片中,再将文档碎片添加到需要插入的位置,大大减少dom操作,提高性能。
       
 
    语法    document.createDocumentFragment()

以上是关于js操作dom时发生了什么?的主要内容,如果未能解决你的问题,请参考以下文章

当我使用js操作DOM时发生了一些奇怪的事情

Vue核心之虚拟DOM

谈谈对文档碎片的理解

js dom操作总结

js性能优化篇创建文档碎片

js中的DOM操作——查看及设置节点