浏览器渲染页面的整个过程:浏览器会从上到下解析文档。
- 遇见HTML标记,调用HTML解析器解析为对用的token(一个token就是一个标签文本的序列化)并构建DOM树(就是一块内存,保存着token)
- 遇见style/link标记,调用解析器,处理CSS标记并构建CSS样式树
- 遇见script标记,调用JavaScript解析器,处理script标记,绑定事件、修改DOM树/CSS树等
- 将DOM树与CSS树合并成一个渲染树
- 根据渲染树来渲染,以计算每个节点的几何信息(这一过程需要依赖图形库)
- 将各个节点绘制到屏幕上