码迷,mamicode.com
首页 > Web开发 > 详细

http过程

时间:2016-04-19 00:04:14      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:

一个完整的页面请求及响应过程:

1、浏览器的url请求


2、递归寻找DNS服务器


3、连接目标IP并建立TCP连接


4、向目标服务器发送http请求


5、web服务器接收请求后处理


6、web服务器返回相应的结果【无效、重定向、正确页面等】

 

7、浏览器接收返回的http内容

 

8、开始解析html文件,当然是自上而下,先是头部,后是body

 

9、当解析到头部css外部链接时,同步去下载,如果遇到外部js链接也是下载【不过js链接不建议放在头部,因为耽误页面第一展现时间】

 

10、接着解析body部分,边解析边开始生成对应的DOM树,同时等待css文件下载

 

11、一旦css文件下载完毕,那么就同步去用已经生成的DOM节点+CSS去生成渲染树

 

12、渲染树一旦有结构模型了,接着就会同步去计算渲染树节点的布局位置

 

13、一旦计算出来渲染的坐标后,又同步去开始渲染

 

14、10-13步进行过程中如果遇到图片则跳过去渲染下面内容,等待图片下载成功后会返回来在渲染原来图片的位置

 

15、同14步,如果渲染过程中出现js代码调整DOM树机构的情况,也会再次重新来过,从修改DOM那步开始

 

16、最终所有节点和资源都会渲染完成

 

17、渲染完成后开始page的onload事件


18、整个页面load完成

 

http过程

标签:

原文地址:http://www.cnblogs.com/season-xie/p/5406320.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!