一道经典面试题:从输入url到页面显示经历了什么?
这道题太经典了,因为它涉及到太多的知识点。回流重绘、浏览器渲染原理、event loop 和 TCP连接断开的方式等。
主要过程如下。
一、DNS解析:url解析成ip地址和对应的端口号
网络进程会先从DNS数据缓存服务器查找是否缓存过当前域名信息,有则直接返回,否则,会进行DNS解析成对应的ip和端口号。
二、建立TCP连接:通过三次握手与服务器建立连接,然后进行数据传输
第一次握手,发送SYN报文。
客户端主动向服务器发送请求建立连接的报文SYN,客户端会随机初始化一个序列号x,然后把SYN的标志置为1,之后客户端处于SYN-SENT的状态。
SYN=1 seq=x
第二次握手,发送SYN + ACK报文。
服务端接收到客户端的报文后,服务端也会随机初始化一个序列号y,对请求的应答做响应,即ack=x+1,接着把SYN和ACK的标志置为1,之后服务端处于SYN-RCVD状态。
SYN=1 ACK=1 seq=y ack=x+1
第三次握手,发送ACK报文。
客户端接受到服务端的报文后,对应答号进行回应ack=y+1,把ACK的标志置为1,序列号为x+1,返回确认的报文给服务端,服务端接到确认报文后进入连接的状态,此时TCP连接成功。
ACK=1 ack=y+1 seq=x+1
三、客户端发送HTTP请求:把输入的地址封装成HTTP Request请求行,发送给服务器
请求行 = 请求方法 + 请求url + HTTP版本 + 请求头。
四、服务端返回资源
服务器收到请求后,响应报文,返回资源。
五、浏览器渲染页面
1、html被html解析器解析成DOM Tree,css被css解析器解析成CSSOM Tree(并行解析);
2、DOM Tree 和 CSSOM Tree 合并到一起,形成 Render Tree ;
3、重排,根据渲染树计算出每个节点的几何信息,位置及大小;
4、重绘,绘制渲染出最终的页面。
六、断开TCP连接:通过四次挥手断开连接
第一次挥手,发送FIN报文。
客户端发送FIN=1,序列号seq=x的报文,进入FIN_WAIT_1的状态。
第二次挥手,服务端发送ACK报文。
服务端接受到客户端报文后,会给客户端发送一个ACK的报文,表示收到了。服务端进入CLODED_WAIT状态,客户端进入FIN_WAIT_2状态。
第三次挥手,服务端发送FIN报文。
服务端处理完数据,也会向客户端发送一个FIN报文,服务端进入LAST_ACK状态。
第四次挥手,客户端发送ACK报文。
客户端收到服务端FIN报文后,会向服务端发送一个ACK的报文,表示收到了。然后客户端进入TIME_WAIT状态,服务端收到ACK报文后进入CLOSED状态。至此连接断开。
一道经典面试题:从输入url到页面显示经历了什么?相关推荐
- 输入url到页面显示发生了什么?
输入url到页面显示发生了什么? 1.浏览器查找当前URL是否存在缓存,并比较缓存是否过期. 2.DNS解析URL对应的IP. 3.建立TCP连接(三次握手). 4.HTTP发起请求. 5.服务器处理 ...
- 每天一道面试题 浏览器输入URL到页面呈现详细过程
浏览器输入URL到页面呈现过程 1.当用户敲下回车的那一刻,浏览器会判断用户输入的是ip地址还是域名 2.如果是ip地址就直接访问,否则就会先解析域名 3.域名的解析会先从浏览器缓存中去查询,是否有之 ...
- 经典面试题:从URL到页面
问题:从用户输入URL按下回车,一直到用户看到界面,期间发生了什么? 1.DNS解析(缓存) (1)找到浏览器DNS缓存解析域名 (2)找到本机DNS缓存 (3)找路由器DNS缓存 (4)找运营商DN ...
- 从输入URL到页面显示的过程
http://igoro.com/archive/what-really-happens-when-you-navigate-to-a-url/ http://www.cnblogs.com/wena ...
- 从浏览器输入URL到页面显示的过程
从浏览器地址栏输入url到显示页面的步骤: 目录 1.概述 浏览器根据请求的URL交给DNS域名解析器,找到真实IP,向服务器发起请求: 三次握手建立连接,服务器交给后台处理完成后返回数据,浏览器接收 ...
- TCP三次握手Render Tree页面渲染=从输入URL到页面显示的过程?
最近工作之余一直在温故js系列,想知新,想提升,以小技术点为节奏去回顾.今天突然想到回顾一下这个http知识,http知识有太多深层次需要学习,今天简要回顾,浅析下这个技术点. 主要通过五个步骤浅析这 ...
- 前端面试总结(2)--从输入URL到页面加载完成,都发生了什么
目录 序言 从输入URL到页面加载完成,都发生了什么 1. 一个极其粗糙且简化的流程 2. 每个步骤都只是摘要 2.1 浏览器中输入URL 2.1.1 URL的概念 2.1.2 浏览器对URL的长度限 ...
- 从输入URL到浏览器显示页面到底经历了什么?
文章目录 从输入URL到浏览器显示页面到底经历了什么? DNS解析 1.DNS解析过程 2.DNS优化 建立TCP连接 1.什么是TCP? 2.TCP的连接建立--三次握手 3.为什么是三次握手? 发 ...
- 「一道面试题」输入URL到渲染全面梳理中-页面渲染篇
前置知识 此文是一道面试题,又不仅仅是一道面试题,不过这道题共分了三篇来说,嗯..可想而知 接上文,上文我们讲了网络通信的部分,详细请看「一道面试题」输入URL到渲染全面梳理上-网络通信篇, 那么该说 ...
最新文章
- pandas中dataframe的构造(csv等结构化文件读取,字典读取)以及保存
- 追踪解析Spring ioc启动源码(2)
- 电脑实用mysql后C盘内存不足_电脑高手用这方法,终于解决了C盘空间不足的问题,网友:这操作服了...
- jozj3419-最大利润【树形dp】
- 发现读纸质媒介比电子媒介的乐趣大多了
- 洛谷P5159 WD与矩阵
- ajax的typeAMDAt,ajax的运用
- 12306再曝漏洞,一张身份证可买两张相同火车票
- Hover属性的充分利用
- 缓存击穿、缓存穿透、缓存雪崩简单总结
- 深度学习HDR算法总结
- 横空出世 | Limelight宣布收购雅虎的Edgecast,打造全球边缘软件解决方案领导者Edgio
- 服务器的分类都有哪几种?
- 如何解决Worm.Win32.AutoRun.bqn(文件夹改exe病毒)
- [转帖]Office全版本零售版转换VOL
- samba更改其他端口,如何与windows共享文件夹
- iOS 多线程使用示例
- 计算机和编程语言的发展历史
- java ocx,Eclipse使用ActiveX控件(OCX)开发Java程序
- 在Silverlight3中使用SSME重现Big Buck Bunny播放器