浏览器的渲染过程，DOM 树和渲染树的区别

1、浏览器的渲染过程：

解析 HTML 构建 DOM(DOM 树),并行请求 css/image/js

CSS 文件下载完成,开始构建CSSOM(CSS 树)

CSSOM 构建结束后,和 DOM 一起生成 Render Tree(渲染树)

布局(Layout)：计算出每个节点在屏幕中的位置 显示(Painting)：通过显卡把页面画到屏幕上

2、DOM 树和渲染树的区别

DOM 树与 HTML 标签一一对应，包括 head 和隐藏元素

渲染树不包括 head 和隐藏元素,大段文本的每一个行都是独立节点,每一个节点都有对应的 css 属性