js操作dom时发生了什么？

 

     

每次对dom的操作都会触发"重排"，这严重影响到能耗，一般通常采取的做法是尽可能的减少dom操作来减少"重排"

 

处理方法：创建一个文档碎片将需要添加的大量元素  先添加到文档碎片中，再将文档碎片添加到需要插入的位置，大大减少dom操作，提高性能。

       

 

　　　　语法    document.createDocumentFragment()