-
reflow:当render树的一部分或者全部因为大小边距等问题发生改变而需要重建的过程,叫做回流 -
repaint:当诸如颜色背景等不会引起页面布局变化,而只需要重新渲染的过程叫做重绘 - 回流一定伴随着重绘,而重绘却可以单独出现
- 什么情况下会引起回流:
- 初次生成
render树 -
DOM结构变化 -
render树变化,比如更改了某个定位值,边距值 -
resize事件触发 - 获取某些属性:比如
scrollTop/Bottom/Left/Right,获取getComputedStyle(),clientHeight/Width,width/height,offsetWidth/Height
- 初次生成
- 改变
font-size也会引起回流 -
display: none引起回流加重绘,visibility: none引起重绘










网友评论