浏览器的渲染原理你了解吗？

从整体上看浏览器的渲染流程

浏览器的渲染流程主要包括以下几个流程：

解析HTML，生成DOM树，解析CSS，生成CSSOM树。将DOM树和CSSOM树进行结合，生成渲染树(Render Tree)。根据生成的渲染树，进行回流（Layout），得到节点的几何信息（位置，大小）。根据渲染树以及回流得到的几何信息，得到节点的绝对像素。将像素发送给GPU，展示在页面上。
一、生成DOM树
首先，浏览器会从内存或者网络中读取出HTML文件的二进制数据，然后将其转换为字符串，然后转换为Token。Token会标识出当前字符串是开始标签还是结束标签还是文本。每生成一个Token之后会立刻创建出节点对象，最后生成一颗DOM树。
二、生成CSSOM树

浏览器拿到CSS后，首先会识别出Token，然后构建节点并生成CSSOM树,这个过程和构建DOM树很类似。

三、生成渲染树

生成DOM树和C

浏览器的渲染原理你了解吗？最先出现在Python成神之路。