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