如何最小化重绘和回流
什么是重绘和回流
重绘:当元素的一部分属性发生改变,如外观.背景.颜色等不会引起布局变化,只需要浏览器根据元素的新属性重新绘制,是元素呈现的外观叫做重绘.
回流:当render树中的一部分或者全部因为大小边距等问题发生改变而需要DOM重新计算的过程
重绘不一定回流(比如颜色的改变),回流必然导致重绘(比如改变网页位置)
方法:
1.需要对元素进行复杂的操作时,可以先隐藏(display:‘none’),操作完成后再现身
2.需要创建多个DOM节点时,使用DocumentFragment创建完后一次性的加入d
原创
2022-05-05 20:51:25 ·
245 阅读 ·
0 评论