大家好,我是大帅子,今天给大家讲一下 浏览器输入一个url到呈现页面的过程 , 这个我之前讲过, 但是我发现讲的不太细,今天就细细的跟大家讲一下
概括
我们接下来就按照这个图片的基本步骤跟大家介绍,我在网上找了好了图片都感觉不太细,这张就非常细致的解释到位了
首先我们看一下这个图我们概可以分为四步,接下来我们就按照这四步来介绍一下
1. DSN解析
什么是DSN?
因为我们的浏览本身不认识我们输入的地址
例如 : 我们每个人的都有自己的名字跟身份证号码,但是名字其实并不是唯一性的,但是身份证号码是唯一性的,网站也是如此,他们都有独立的域名,也是独一无二的
所以我们要通过DSN解析把我们输入的地址解析成ip地址
2.TCP三次握手
这个讲起来就有一点复杂,我就用通俗易懂的话跟大家讲一下,顺便画一个图助大家理解 ,大家就跟着这个图来一起理解吧
(1) 浏览器->服务器 (能听到我说话吗?) 验证浏览器的发送
(2) 服务器->浏览器 (能听到,你能听到我说话吗?) 验证服务器的接收,服务器发送
(3) 浏览器->服务器 (能听到) 验证浏览器的接收
TCP本身就是一个安全可靠的传输协议, 我们可以想象一下,我们浏览器有一个发送跟接收的,服务器一样有一个发送跟接受的,我们TCP的三次握手就是为了验证这两个东东的口是不是好的
3. HTTP链接
我相信大家基本上都知道这个,就分为三步,让我们一起回忆一下
(1) 客户端发送请求
(2) 服务器处理请求
(3) 服务器响应请求
4.渲染引擎渲染
这个说简单也不简单,这个的步骤还是蛮多的,接下来还是看图 ,知道大家英文不太好,我这边细心的给大家翻译一下,大家可以跟着图看一下我总结步骤,就会一目了然了
(1) 解析HTML: 得到DOM树
(2) 解析CSS: 得到样式树
(3) DOM树 + CSS树 = 渲染树
(4) 绘制渲染树
(5) 呈现页面
好了,这边已经给大家介绍到这里,以上是我自己的理解,希望可以帮到大家, 欢迎留言我这边一定会第一时间给大家解答,喜欢的可以点赞收藏
🐣---->🦅 还需努力!大家一起进步!!!
