1.重绘和重排
重绘:只一个元素外观的改变所触发的浏览器,行为浏览器会根据元素的新属性重新绘制,是元素呈现新的外观。
重排:当渲染书中的一部分,因为元素的规模,尺寸布局隐藏的改变而需要重新构建,这称之为重排。每个页面至少有一次重拍,就是在页面第1次加载的时候。
区别:重排一定会导致重绘,但重绘不一定会引发重排。
如何避免:避免频繁操作dom, 设置与元素display:none,然后进行页面布局,等操作设置完成后将元素设置为display: block,这样的话就只会引发两次重绘和重排。直接改变元素的className。将需要多次重排的元素position属性设置为absolute或fixed,元素脱离了标准文档流它的变化不会影响到其他的元素,所以不会进行重绘或者重排。
2021-03-09
最新推荐文章于 2021-12-20 21:15:28 发布