reflow:回流,当元素的尺寸、结构或触发某些属性时,浏览器会重新渲染页面,称为回流。
repain:重绘,当元素的样式(布局不发生)发生改变的时候。
以下常见操作都会触发:
浏览器窗口大小改变
元素尺寸、位置、内容发生改变
元素字体大小变化
添加或者删除可见的 dom 元素
激活 CSS 伪类(例如::hover)等
尽量减少DOM操作。
reflow:回流,当元素的尺寸、结构或触发某些属性时,浏览器会重新渲染页面,称为回流。
repain:重绘,当元素的样式(布局不发生)发生改变的时候。
以下常见操作都会触发:
浏览器窗口大小改变
元素尺寸、位置、内容发生改变
元素字体大小变化
添加或者删除可见的 dom 元素
激活 CSS 伪类(例如::hover)等
尽量减少DOM操作。