网络面试-0x10地址栏输入URL敲入回车后发生了什么?

alt

一、 URL解析

1、 首先判断你输入的是一个合法的URL还是待搜索的关键字
2、如果是URL,对URL进行解析 URL解析的划分

二、 DNS查询

1、设备 —— 本地DNS服务器 —— xx 递归过程
2、DNS服务器和 顶级域名服务器、二级域名服务器、权威域名服务器之间是迭代过程

三、 TCP连接

进行TCP的三次握手

四、发送HTTTP请求

包括 请求行、请求头、请求体 alt

五、 响应请求

状态行、响应头、响应正文

alt

六、 页面渲染

1、 对收到的响应的资源进行解析
《1》查看响应头的信息,根据不同的指示做对应处理,eg:重定向, 存储cookie,解压gzip,缓存资源等等
《2》查看响应头的Content-type的值,根据不同的资源类型采用不同的解析方式

① 解析HTML,构建 DOM 树
② 解析 CSS ,生成 CSS 规则树
③ 合并 DOM 树和 CSS 规则,生成 render 树
④ 布局 render 树( Layout / reflow ),负责各元素尺寸、位置的计算
⑤ 绘制 render 树( paint ),绘制页面像素信息
⑥ 浏览器会将各层的信息发送给 GPU,GPU 会将各层合成( composite ),显示在屏幕上

alt

公众号:`技术小难`
[简书](https://www.jianshu.com/u/1851ec413025)
[博客园](https://account.cnblogs.com/blog-apply) 链接需要替换
[优快云](https://blog.youkuaiyun.com/u012496940?spm=1000.2115.3001.5343)
[知乎](https://www.zhihu.com/people/gu-han-90-61)
[掘金](https://juejin.cn/user/1943592286824333)
[segmentfault](https://segmentfault.com/u/natqeeak/articles)

本文由 mdnice 多平台发布

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值