声讯qb,e殿园,2018湖南卫视小年夜春晚
从输入url到渲染出整个页面的过程包括三个部分：
1、dns解析url的过程
2、浏览器发送请求与服务器交互的过程
3、浏览器对接收到的html页面渲染的过程
一、dns解析url的过程
dns解析的过程就是寻找哪个服务器上有请求的资源。因为ip地址不容易记忆，一般会使用url域名（如www.baidu.com）作为网址。dns解析就是将域名翻译成ip地址的过程。
具体过程：
1）浏览器缓存：浏览器会按照一定的频率 缓存dns记录
2）操作系统缓存：如果浏览器缓存中找不到需要的dns记录，就会取操作系统中找
3）路由缓存：路由器也有dns缓存
4）isp的dns服务器：isp有专门的dns服务器应对dns查询请求
5）根服务器：isp的dns服务器找不到之后，就要向根服务器发出请求，进行递归查询
二、浏览器与服务器交互过程
1）浏览器根据解析到的ip地址和端口号发起http请求
http请求包括header和body。header中包括请求的方式（get和post）、请求的协议 （http、https、ftp）、请求的地址ip、缓存cookie。body中有请求的内容。
2）http请求到达传输层，利用tcp协议与服务器建立连接（三次握手）
3）服务器接收到http请求之后，开始搜索html页面，并发送响应报文
4）浏览器接收到返回的html页面之后，若状态码显示成功，开始进行页面的渲染
三、浏览器页面渲染过程
1）浏览器通过html parse根据深度遍历的方式把html节点遍历成dom 树
2）将css解析成css dom树
3）将dom树和css dom树构造成render树
4）根据得到的render树 计算所有节点在屏幕中的位置进行布局
5）遍历render树并调用硬件api绘制所有节点
文章主要参考：
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复
[书籍精读]《响应式Web设计 HTML5和CSS3实战(第二版)》精读笔记分享
我要评论
网友评论