浏览器是如何渲染的

先上一张图 注意事项： 1，浏览器会开启另一个线程去获取css等资源，但这并不意味着js是多线程，主要执行js代码的只有一个主线程，所以js是单线程的 2，浏览器收到HTML文件后，会遍历文档节点，生成DOM树，script标签页会在树中，并且会把当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点。 3，css解析是可以跟DOM解析同时进行的 4，有了CSSOM和DOM，浏览器开始构

>>阅读原文<<