浏览器渲染原理-01 · 好课学习2

![](https://img.kancloud.cn/9e/b5/9eb5b229ff2afddd3c744a2b80d3891d_660x191.png) ![](https://img.kancloud.cn/31/79/31795510126fc4fb92a64d23602882a5_583x177.png) ![](https://img.kancloud.cn/5d/3f/5d3f2e47b9fd3d289fe7acd115c61476_748x257.png) User Agent中文名为用户代理，简称 UA，它是一个特殊字符串头，使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件 ![](https://img.kancloud.cn/9c/88/9c88a56656841ec2321497894f4d2b7a_862x302.png) ![](https://img.kancloud.cn/75/bc/75bc83c555f9110fe320be440c46bb49_873x259.png) ![](https://img.kancloud.cn/0f/2a/0f2a0f37b15de02c561dd1eae3f81d67_669x95.png) ![](https://img.kancloud.cn/ff/a6/ffa6147914b036b2af7e879c278a902c_969x563.png) ![](https://img.kancloud.cn/36/0f/360f979e9f05799ed7322da02de88616_724x434.png) ![](https://img.kancloud.cn/29/5d/295d5892dd49c5453a51b51879bac579_533x618.png) ![](https://img.kancloud.cn/8f/e8/8fe8f7a0e15a9e89f9c3fd725c7fedc7_499x370.png) ![](https://img.kancloud.cn/35/87/358763437df77ea30e26f1284a95a9b1_711x355.png) ![](https://img.kancloud.cn/14/77/14773fa1f6e5afd749e1a8023c38ede2_867x210.png) ![](https://img.kancloud.cn/fe/c1/fec109ee951f639885ddd03453c69300_763x303.png) ~~~ 把CSS放头部，script放下方的原因 CSS放头部在加载html生成DOM tree的时候，就可以同时对DOM tree进行渲染。这样可以防止闪跳，白屏或者布局混乱。 javascript放在后面 javascript可能会改变DOM tree的结构，所以需要一个稳定的DOM tree。 javascript加载后会立即执行，同时会阻塞后面的资源加载。（javascript加载和执行的特点） ~~~ ![](https://img.kancloud.cn/83/09/83099783e54c9abc9f11017f05e123f2_945x488.png) ![](https://img.kancloud.cn/1d/03/1d038e9070e774264dc93d4212e80c83_934x594.png) ![](https://img.kancloud.cn/4d/5e/4d5e57abae368db186937b996ae62ecb_842x464.png) ![](https://img.kancloud.cn/cc/74/cc745dead968c1cc61f9eaff7aaf3577_643x170.png) ![](https://img.kancloud.cn/32/fc/32fca0cb039a8c232c17de8a068da310_650x681.png) ![](https://img.kancloud.cn/2c/c8/2cc80e9c66d113105693029fc268eecb_544x125.png) ![](https://img.kancloud.cn/b3/16/b316281bcca76ffb5a79795bee46b3f3_509x364.png) ![](https://img.kancloud.cn/97/80/97805335c8bd57fe63b4cfe5f7de65a1_847x476.png) ![](https://img.kancloud.cn/92/7d/927d8c70a08c93a5c72c4634124542be_1672x254.png) ![](https://img.kancloud.cn/50/3b/503bf717359edd8fa27d7252e83e6b8e_1730x996.png) ![](https://img.kancloud.cn/9a/9a/9a9afe89ff20bad4e549be5cab1f61a7_1494x232.png) ![](https://img.kancloud.cn/51/83/5183bc275804891e49a5854e6f6acbe5_1320x456.png) ![](https://img.kancloud.cn/73/62/736276696556d75dedb33ffe83d76e62_1244x854.png)