page contents

什么是reflow与repain?哪些操作会触发reflow,如何避免?

轩辕小不懂 发布于 2022-08-12 13:56
阅读 602
收藏 0
分类:WEB前端开发
4073
Nen
Nen
- 程序员

reflow:回流,当元素的尺寸、结构或触发某些属性时,浏览器会重新渲染页面,称为回流。

      repain:重绘,当元素的样式(布局不发生)发生改变的时候。

以下常见操作都会触发:

浏览器窗口大小改变

元素尺寸、位置、内容发生改变

元素字体大小变化

添加或者删除可见的 dom 元素

激活 CSS 伪类(例如::hover)等

尽量减少DOM操作。

请先 登录 后评论