浏览器渲染原理：如何将从0到1解析一个html文件！

1. 浏览器解析HTML页面过程
   1. 总所周知的，执行JS有一个JS引擎，浏览器显示网站上的页面也有一个引擎，这个引擎就是浏览器渲染引擎，它负责将开发人员的HTML和CSS解析成一个个漂亮的页面。
   2. 开发人员所书写的html和css，浏览器其实并不认识，浏览器只认识0和1个字节数据，我们所写的文件都会先被解析成0和1代表的字节数据，浏览器首先会把这些字节数据第一步解析成字符串；
   3. 拿到这些字符串后，浏览器会进行词法分析，给每一个字符串打上标记，生成TOKEN，这一过程叫做标记化。
   4. 这里的TOKEN ,其实还是字符串，它是构建页面的最小单位，下面是每个标记的特征。
   5. 生成好的标记，立即会转化成一个个的NODE节点，浏览器根据上下文的嵌套关系，将每一个NODE，组合成DOM树；
   6. 以上就是浏览器从网络中接收到 HTML 文件然后一系列的转换过程 
2. 浏览器解析CSS过程
   • 根据上面的过程，浏览器解析CSS，其实过程是相似的：
3. 生成渲染树
   • dom树和css树组合的过程就是回流重绘的过程。