什么是重排(回流)和重绘?

重绘:修改了页面元素的字体颜色、背景颜色、边框颜色,但是并不影响页面布局,因为元素的尺寸大小并没有改变,其他元素也并没有受到位置上的影响,还有设置opcity透明度,visibity:hidden;属性也会导致重绘。总结:当页面元素样式改变而不影响布局时,浏览器重新对元素进行更新的过程叫做重绘。

重排:是指修改了元素的尺寸大小,例如改变了元素的宽高、边框的粗细,或者是给某元素设置display:none;属性,这样也会导致回流。总结:当页面元素的尺寸、结构、或某些属性发生改变时,浏览器重新渲染部分或全部文档的过程叫做重排也叫做回流。所以回流一定会导致重绘。

不管页面发生了重绘还是重排,它们都会影响性能(最可怕的是重排 ,应尽量避免)

发表评论