浏览器渲染过程-简约版-面试版

浏览器渲染过程

1. 网络线程请求数据回来后下载
2. 浏览器进程 IPC管道 渲染器进程
3. 渲染器主线程对HTML解析构建DOM树，（DOM是文档对象模型的意思，抽象概念，抽象概念就不用对应实体看他包含什么。：浏览器对页面结构的描述/映射/抽象表示，包含数据结构和拱程序员调用的API（方法））。要下载css,图片的，异步下载，不堵塞
4. 主线程继续解析css，构建cssOM，（DOM树还不是跟页面结构一一对应的，因为可能css display，）根据DOM树和cssOM生成layout tree
5. 计算元素的大小、位置，这个过程叫布局
6. layout tree就是跟页面结构一一对应的了，但还不能渲染，还需知道以什么顺序绘制节点。为了正确渲染层级，主线程创建了一个绘制记录表记录绘制的顺序
7. 把这些信息交给合成器线程，分块，交给栅格化线程栅格化成一个个像素点，
8. 浏览器进程把这些像素信息交给GPU储存
   9.浏览器进程通知GPU进程渲染到页面上