资讯专栏INFORMATION COLUMN

一次性弄懂回流和重绘

JerryWangSAP / 2368人阅读

摘要:所以由此来看重绘不一定导致回流,回流一定会导致重绘前面我们说回流和重绘是会对进行修改,会消耗性能,所以我们要尽可能减少回流和重绘的次数。浏览器自己也清楚,如果每次操作都即时地反馈一次回流或重绘,那么性能上来说是扛不住的。

回流(Reflow)重绘(Repaint) 什么时候会触发回流或重绘呢?

当我们对dom 进行修改当时候会引发它外观(样式)上的改变时,就会触发回流或重绘。
这个过程本质上还是因为我们对 DOM 的修改触发了渲染树(Render Tree)的变化所导致的

我们回顾一下浏览器渲染页面的流程

1.根据 HTML 结构生成 DOM 树
2.根据 CSS 生成 CSSOM
3.将 DOM 和 CSSOM 整合形成 RenderTree
4.根据 RenderTree 开始渲染和展示
5.遇到

阅读需要支付1元查看
<