重绘和重排(回流)

先了解一下DOM树是怎么渲染的

1:解析HTML生成DOM节点

2:解析css生成cssDom的规则树

3:将DOM和cssDom生成合并一起渲染dom树

4:遍历渲染树开始渲染,计算位置大小等信息

5:合成图层

6:将节点渲染到屏幕

有不足的地方欢迎补充

什么会出触发重绘?

重绘的代价相比较重排是比较小的   例如改变颜色之类的无关dom节点的大小位置等

重排也叫回流就相反了,就是操作dom节点位置大小会触发回流

posted @ 2021-01-27 15:05  遇见_明天  阅读(110)  评论(0)    收藏  举报