浏览器页面构造原理

当浏览器从服务器接受到了HTML文档，并在内存中把HTML文档转换成DOM文档，在转换过程中如果发现某个节点（node）上引用了CSS或者IMAG，就会再发一个request去请求CSS或者imag，然后继续执行下载，而不需要等待request返回。当request返回后，只需要把返回的内容放入到DOM树中对应的位置就行了。但当引用了JS的时候，浏览器发送一个js request就会一直等待该request的返回。因为浏览器需要一个稳定的DOM树结构，而JS中很有可能有代码直接改变了DOM树结构，比如使用document.write或者appendChild，甚至是直接使用location.href跳转，浏览器为了防止出现JS修改DOM树，需要重新构建DOM树的情况，所以就会阻塞其他的下载和呈现。