从浏览器输入一个地址到页面展示中间经历了什么?

当我们在浏览器的地址栏中输入一个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的操作,可能会引起重绘和回流。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容