首页
题库
公司真题
专项练习
面试题库
在线编程
面试
面试经验
AI 模拟面试
简历
求职
学习
基础学习课
实战项目课
求职辅导课
专栏&文章
竞赛
我要招人
发布职位
发布职位、邀约牛人
更多企业解决方案
AI面试、笔试、校招、雇品
HR免费试用AI面试
最新面试提效必备
登录
/
注册
忘川c
门头沟学院 C++
发布于广东
关注
已关注
取消关注
1
@codewd站长:
拼多多面试:从输入URL到页面加载完成发生了什么?
从输入URL到页面加载完成,发生了一系列复杂的步骤,涉及到浏览器、DNS服务器、Web服务器等多个组件的协同工作。下面是详细的过程:1. 用户输入URL并按下回车用户在浏览器地址栏输入URL并按下回车。2. 浏览器查找缓存浏览器首先检查本地缓存中是否有该URL的资源,如果有且未过期,则直接从缓存中加载资源。3. DNS解析如果缓存中没有资源或资源已过期,浏览器需要将域名解析为IP地址:浏览器检查本地hosts文件,看是否有对应的IP地址。如果hosts文件中没有,浏览器向本地DNS服务器(通常由ISP提供)发送DNS查询请求。本地DNS服务器如果有缓存,则返回IP地址;如果没有,则逐级查询上级DNS服务器,直到根DNS服务器。最终获取到域名对应的IP地址,并返回给浏览器。4. 建立TCP连接(三次握手)浏览器通过获取到的IP地址,向服务器发起TCP连接,进行三次握手:客户端发送SYN包:客户端向服务器发送一个SYN(Synchronize)包,请求建立连接。这个包包含一个初始序列号(seq=x)。状态转换: 客户端从CLOSED状态转换为SYN-SENT状态。服务器返回SYN-ACK包:服务器接收到SYN包后,发送一个SYN-ACK包,表示同意连接请求。这个包包含服务器的初始序列号(seq=y)和对客户端SYN包的确认号(ack=x+1)。状态转换: 服务器从CLOSED状态转换为SYN-RECEIVED状态。客户端发送ACK包:客户端接收到SYN-ACK包后,发送一个ACK(Acknowledgment)包,确认连接建立。这个包包含客户端对服务器SYN包的确认号(ack=y+1)。状态转换: 客户端进入ESTABLISHED状态,服务器接收到ACK包后也进入ESTABLISHED状态。5. 发送HTTP请求TCP连接建立后,浏览器向服务器发送HTTP请求:请求行:包含请求方法(GET/POST)、URL和HTTP版本。请求头:包含浏览器类型、请求数据类型、授权信息等。请求体:对于POST请求,包含提交的数据。6. 服务器处理请求并返回响应服务器接收到HTTP请求后,进行处理并返回HTTP响应:响应行:包含HTTP版本和状态码(如200表示成功)。响应头:包含内容类型、日期、服务器信息等。响应体:包含请求的资源,如HTML文档、CSS、JS文件等。7. 浏览器接收响应并处理浏览器接收到服务器的响应后,开始处理和渲染页面:解析HTML:浏览器解析HTML文档,构建DOM树。解析CSS:浏览器解析CSS文件,生成CSSOM(CSS对象模型)。构建渲染树:结合DOM树和CSSOM,生成渲染树。布局和绘制:根据渲染树计算每个节点的位置和大小,进行布局和绘制。执行JavaScript:如果HTML中包含JS脚本,浏览器会解析并执行JS代码,可能会修改DOM或CSSOM,重新布局和绘制页面。8. 关闭TCP连接(四次挥手)当页面加载完成或连接超时,浏览器和服务器通过四次挥手关闭TCP连接:客户端发送FIN包:客户端向服务器发送一个FIN(Finish)包,请求关闭连接。这个包包含一个序列号(seq=u)。状态转换: 客户端从ESTABLISHED状态转换为FIN-WAIT-1状态。服务器返回ACK包:服务器接收到FIN包后,发送一个ACK包,确认已收到关闭请求。这个包包含对客户端FIN包的确认号(ack=u+1)。状态转换: 服务器从ESTABLISHED状态转换为CLOSE-WAIT状态,客户端接收到ACK包后从FIN-WAIT-1状态转换为FIN-WAIT-2状态。服务器发送FIN包:服务器发送一个FIN包,请求关闭连接。这个包包含一个序列号(seq=v)。状态转换: 服务器从CLOSE-WAIT状态转换为LAST-ACK状态。客户端返回ACK包:客户端接收到FIN包后,发送一个ACK包,确认已收到服务器的关闭请求。这个包包含对服务器FIN包的确认号(ack=v+1)。状态转换: 客户端从FIN-WAIT-2状态转换为TIME-WAIT状态,服务器接收到ACK包后进入CLOSED状态。客户端在经过一段时间(通常为2倍的MSL,最大报文段寿命)后进入CLOSED状态,完成连接关闭。总结从输入URL到页面加载完成,主要涉及以下步骤:用户输入URL并按下回车。浏览器查找缓存。DNS解析获取IP地址。建立TCP连接(三次握手)。发送HTTP请求。服务器处理请求并返回响应。浏览器接收响应并处理(解析HTML、CSS、JS,构建DOM树和渲染树,布局和绘制页面)。关闭TCP连接(四次挥手)。这些步骤协同工作,确保用户能够顺利访问和加载所需的网页内容。
点赞 9
评论 0
全部评论
推荐
最新
楼层
暂无评论,快来抢首评~
相关推荐
不愿透露姓名的神秘牛友
07-28 16:46
两段互联网实习,我开始祛魅了
第一段互联网实习结束🔚真的要做这个工作吗?是我的问题还是工作的问题?目前某中大厂实习中,感觉自己做的工作毫无价值毫无意义。。。秋招想跑路了,不想投互联网了感觉每个人都在为了一些看似有意义实则只是为了帮资本家圈用户钱的事情耗尽心情和精力
爱读书的小章鱼很爱吃:
事实上做什么都没意义,只有自己和家人生活更好了才是好的
我对___祛魅了
点赞
评论
收藏
分享
07-29 12:03
门头沟学院 Java
秋招第一面是虾皮给的
虾皮信息一面364人在聊
点赞
评论
收藏
分享
06-08 22:25
门头沟学院 Java
有谁遇到这情况?
跟人机一样的hr
从零开始的转码生活:
这hr不会打开手机不分青红皂白给所有人群发这句话,过一会再给所有人再发一遍,这肯定会有重复的,不管,再过一会再发一遍
点赞
评论
收藏
分享
07-30 11:05
长安大学 产品经理
去魅。去魅,对大厂狠狠去魅!
在北京某大厂实习了两个月,真的,每天都感觉好痛苦。实在不知道跟谁说,就跑这儿来念叨念叨吧。公司是传媒类的,我做的算是账号和内容运营这块儿。干过才知道,这活儿吧,说不上多“脏”,但也绝对没多有意思。最大的感受就是:这行真像在做巧克力流水线! 把别人的视频咔咔一顿剪,打上码,换个标题文案,嘿,就成了“我们的”内容了。以前刷微博还挺喜欢某些大V的,现在知道了,背后其实是一茬茬的实习生轮着班在运营。那些你以为很用心、有深度的博主,皮下可能也就是个实习生。在部门眼里,这些账号就是生意。稍微做点女性相关或者稍微尖锐点的内容,立马被毙,生怕“引起争议”,真的束手束脚。实习生在这儿就跟消耗品似的,今天这个走了...
牛客73617529...:
让我去,我告诉你什么是骆驼祥子在世!
我对___祛魅了
点赞
评论
收藏
分享
评论
点赞成功,聊一聊 >
点赞
收藏
分享
评论
提到的真题
返回内容
全站热榜
更多
1
...
百度提前批,三面被推迟一周,喜提秋招第一凉
8549
2
...
他拿大厂SSP Offer打牌是什么概念啊?25届双非之光
3352
3
...
虾皮秋招一面
3025
4
...
百度提前批 三面
2355
5
...
觉得研发高人一等的这辈子有了
1668
6
...
最强本科✌
1628
7
...
被猿辅导挂了简历,但我想说...
1554
8
...
虾皮一面凉经
1449
9
...
上班一周,工资还没拿,先欠公司两千
1320
10
...
也是逆天了
1113
创作者周榜
更多
正在热议
更多
#
工作中哪个瞬间让你想离职
#
64589次浏览
576人参与
#
秋招被确诊为……
#
165054次浏览
768人参与
#
中兴秋招
#
206453次浏览
2302人参与
#
和同事相处最忌讳的是__
#
25277次浏览
250人参与
#
找工作如何保持松弛感?
#
92016次浏览
1112人参与
#
如何快速融入团队?
#
17731次浏览
211人参与
#
虾皮求职进展汇总
#
250068次浏览
1873人参与
#
计算机专业还有必要去大厂卷吗
#
38574次浏览
183人参与
#
Offer比较,你最看重什么?
#
194030次浏览
1313人参与
#
26届的你,投了哪些公司?
#
47722次浏览
510人参与
#
你最希望上岸的公司是?
#
135537次浏览
708人参与
#
简历上的经历如何包装
#
30915次浏览
839人参与
#
投格力的你,拿到offer了吗?
#
87166次浏览
585人参与
#
我对___祛魅了
#
50289次浏览
450人参与
#
你遇到最难的面试题目是_
#
17099次浏览
204人参与
#
柠檬微趣工作体验
#
6811次浏览
40人参与
#
你跟室友的关系怎么样?
#
7641次浏览
117人参与
#
通信硬件岗投递时间线
#
18872次浏览
69人参与
#
什么样的背景能拿SSP?
#
39926次浏览
232人参与
#
你最讨厌面试问你什么?
#
29132次浏览
319人参与
#
地平线求职进展汇总
#
52726次浏览
370人参与
牛客网
牛客网在线编程
牛客网题解
牛客企业服务