从欣赏器输入一个地点到页面展示中心履历了什么？

程序员 · 2024-9-13 07:19:50

当我们在欣赏器的地点栏中输入一个URL：www.baidu.com,具体发生了什么？
1.对网址举行DNS域名解析，得到对应的ip地点；
2.根据这个ip，找到对应的服务器，创建TCP毗连（三次握手）；
（TCP是比http更底层的传输层协议）
3.TCP毗连之后，发起http哀求；
4.http相应返回返来html代码，欣赏器吸收到html代码；
5.欣赏器解析html代码，并哀求html代码中的一些资源（js文件、图片、css文件等）
6.欣赏器渲染html；
7.服务器关闭毗连 tcp、http毗连
DNS怎样解析域名？
欣赏器自身的域名缓存查找，没找到就到操纵体系的域名缓存查找，没找到就到hosts缓存查找（本身可以更改映射），没找到就去域名服务器查找。
欣赏器怎样解析html代码，哀求代码中的资源，渲染至页面？
比方：下载index.html文件=》欣赏器解析html，同时下载js,css,图片等文件=》html天生DOM树，css天生CSSOM树=》合成render树=》盘算元素的位置、尺寸等（这是一次回流）=》根据位置、尺寸等信息，举行一次绘制（重绘），举行display属性，渲染完页面
由于js是单线程的，实验代码是从上至下的，欣赏器的解析是异步的，可以一边解析html代码，一边哀求js文件，但是如果遇到了js文件，则会将解析暂时挂起，由于js代码中大概会存在对dom的操纵，大概会引起重绘和回流。

从欣赏器输入一个地点到页面展示中心履历了什么？

所属分类: 问答交流

新帖推荐: 30日

推荐作品