标签：
1、 做前端的话 与浏览器一直在打交道，所以说 首先的弄明白 浏览器的加载渲染原理；
—— 页面渲染是什么东西呢------个人通过学习总结为：html代码根据我们写好的css的规则规范显示在浏览器窗口中。
页面加载-直观影响：
用户界面，浏览器引擎，渲染引擎，网络，UI后端，JS解释器，数据存储
webkit渲染主流程：解析html以构件dom树，构建render树，布局render树，绘制render树。
——— 浏览器要显示html结构：
首先，必须的从客户端到服务器发送请求，服务器响应的将html返回给请求的客户端的浏览器中。（这个时候是没有样式的 现全部加载了再说）
其次，就是我们写的html 他有个头部 对不
<head runat="server">
<title>标题</title>
<link href="images/css.css" rel="Stylesheet" type="text/css" />
</head>
我们会一直写有个<head>的部分，加载样式文件css————通过css的路劲——
<link href="images/css.css" rel="Stylesheet" type="text/css" /> 具体肯定还是客户端低昂服务器发送css请求 然后服务器给你响应 加载。
接下来，后面就是效果的js加载了 ，可能我这样说不对 但是每个人有自己的理解方式；
大家可以参考这段话：
IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（但并不是说所有相关联的元素都已经下载完。）在下载过程中，如果遇到某一标签是嵌入文件，并且文件是具有语义解释性的（例如：JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。并且在下载后进行解析，解析（JS、CSS中如有重定义，后定义函数将覆盖前定义函数）过程中，停止页面所有往下元素的下载。样式表文件比较特殊，在其下载完成后，将和以前下载的所有样式表一起进行解析，解析完成后，将对此前所有元素（含以前已经渲染的）重新进行样式渲染。并以此方式一直渲染下去，直到整个页面渲染完成。
看到这个人写的不错 给你们网址 自己看看 ：http://blog.csdn.net/luckygll/article/details/7432713 这位先生说的也很不错的。
留言交流 共同学习！---霸血扬
标签：
原文地址：http://www.cnblogs.com/baxueyang/p/5745663.html
