简单易懂之什么是重排和重绘？

文章目录

目录

一、浏览器页面是怎么生成的？

二、什么是重排和重绘？

1.什么时候发生重绘？

2.如何优化重排效率？

---

一、浏览器页面是怎么生成的？

首先让我们来先了解一下浏览器页面生成的过程

 文字解析：

1）HTML解析器将HTML解析成DOM树

2）CSS解析器将CSS解析成CSSOM树

3)  结合两棵树生成渲染树（Render Tree），该过程称为Attachment

4）浏览器会根据补救方式，在屏幕“画”出渲染器的所有节点

5）然后将布局绘制在屏幕上，显示出整个页面

二、什么是重排和重绘？

我们要知道，当浏览器下载完页面所需的元素之后，会生成两棵树：DOM树和渲染树。

DOM树主要是用来表示页面的DOM结构，而渲染树主要是用来表示页面上如何进行渲染的

当