资讯专栏INFORMATION COLUMN

输入URL到页面加载发生了什么

CastlePeaK / 2841人阅读

摘要:解析查找域名对应的会先查询本地的缓存服务器是否存储了连接的次握手发送请求请求报文请求行首部请求首部通用首部实体首部实体服务器处理请求并返回报文响应报文状态码首部响应首部通用首部实体首部实体浏览器渲染页面首先构建树布局渲染树回流重绘节点中的每

1、DSN解析

查找域名对应的ip 会先查询本地的缓存服务器是否存储了

2、TCP连接

TCP的3次握手

3、发送HTTP请求

请求报文 :请求行 首部(请求首部 通用首部 实体首部) 实体

4、服务器处理请求并返回HTTP报文

响应报文:状态码 首部(响应首部 通用首部 实体首部) 实体

5、浏览器渲染页面

首先构建DOM树
布局渲染树 reflow 回流 repain重绘
reflow: DOM节点中的每个元素都是以盒模型存在的 都需要浏览器计算其位置和大小
repain: 当盒模型的位置 大小以及其他属性 如字体 颜色 等确定下来之后 浏览器便开始绘制内容
js的执行 js引擎 单线程 异步的出现 异步任务有了运行结果以后就会在任务队列中放置一个事件 脚本运行时先依次执行这些事件

6、连接结束

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/88442.html

相关文章

  • 输入URL页面加载发生什么

    摘要:当你在浏览器中输入一个地址时,例如,其实不是百度网站真正意义上的地址。结语以上就是我对输入到页面加载的过程的一个简单理解。如有不对或有更好的理解,可以留言评论,不胜感激。 很多初学网络或者前端的初学者大多会有这样一个疑问:从输入URL到页面加载完成到底发生了什么?总的来说,这个过程分为下面几个步骤:1.DNS解析2.与服务器建立连接3.服务器处理并返回http报文4.浏览器解析渲染页面...

    wuyumin 评论0 收藏0
  • 前端面试题:从url页面展现,这之中发生什么

    摘要:比如对于的,浏览器实际上不知道到底是什么东西,需要查找网站所在服务器的地址,才能找到目标,这就是下文要说的域名解析。二域名解析当用户在浏览器中输入后你使用的电脑会发出一个请求到本地服务器。 showImg(https://segmentfault.com/img/remote/1460000009317499?w=700&h=466); 这里markdown格式跟简书不太一样,排版可能...

    wdzgege 评论0 收藏0
  • 输入`URL`页面加载完成的过程中都发生什么事情

    摘要:但收到此失效的连接请求报文段后,就误认为是再次发出的一个新的连接请求。采用三次握手的办法可以防止上述现象发生。 概览 日期:2018-4-26目标:了解从输入URL到页面加载完成的过程中都发生了什么事情总用时:一天完成情况:达成 基本过程 为什么会想要了解从输入URL到页面加载完成的过程中都发生了什么事情这个问题呢,因为课程参考资料的Web 建站技术中HTML、HTML5、XHTML、...

    韩冰 评论0 收藏0
  • 输入`URL`页面加载完成的过程中都发生什么事情

    摘要:但收到此失效的连接请求报文段后,就误认为是再次发出的一个新的连接请求。采用三次握手的办法可以防止上述现象发生。 概览 日期:2018-4-26目标:了解从输入URL到页面加载完成的过程中都发生了什么事情总用时:一天完成情况:达成 基本过程 为什么会想要了解从输入URL到页面加载完成的过程中都发生了什么事情这个问题呢,因为课程参考资料的Web 建站技术中HTML、HTML5、XHTML、...

    cuieney 评论0 收藏0
  • 一个页面输入URL加载显示完成,发生什么

    摘要:询问权威的服务器域名服务器会继续检查请求的下一部分,并将查询指向负责此特定域名的服务器这些权威的服务器将负责了解关于特定域的所有信息,并将信息存储在记录。 面试经典题——URL加载 一、涉及基本知识点: 1. 计算机网络 五层因特尔协议栈: 应用层(dns、http):DNS解析成IP并完成http请求发送; 传输层(tcp、udp):三次握手四次挥手模式建立tcp连接; 网络层...

    NervosNetwork 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<