大前端面试题(10.13)

本文详细介绍了从输入URL到页面完全加载的过程,包括DNS解析、TCP连接建立等关键步骤,并深入探讨了Vue的响应式原理及其项目优化策略。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、一个页面从输入url到页面加载显示完成这个过程中都发生了什么?

浏览器从输入网址到页面展示主要分为以下几个过程:

第一 地址栏输入url地址 -> 第二 进行DNS解析 -> 第三 建立TCP连接 ->第四 发送http/https请求 -> 第五 服务器返回数据 -> 第六 浏览器解析并渲染页面 ->第七 断开TCP连接

  • 首先第一步

  • url全称叫做统一资源定位服,用于定位互联网上的资源,俗称叫做网址,我们在地址栏输入网址敲下回车,浏览器会对输入的网址进行以下的判断:

  • 一,检查输入的网址url是否是一个合法的链接,二,如果合法的话,判断输入的url是否完整,如果不完整,浏览器可能会对地址进行猜测,补全地址的前缀或者后缀。三,如果不合法的话,将输入内容作为搜索条件使用用户设置的默认搜索引擎进行搜索。大部分浏览器会从历史记录,书签等地方开始查找我们输入的内容,并给出智能提示,让你可以补全url地址,对于谷歌浏览器,他甚至会直接从缓存中把网页展示出来,也就是说,你还没有按下回车键,页面已经自动显示出来了

  • 第二步DNS解析

  • 因为浏览器不能直接通过域名找到对应的服务器ip地址,所以需要进行DNS解析找到对应的IP地址进行访问。

  • DNS
    是域名和IP地址相互映射的一个分布式数据库,能够使用户更方便的访问互联网,而不用去记住能够被机器直接读取的IP数串。通俗来讲,我们更习惯于记住一个网站的名字,比如www.baidu.com,而计算机更擅长记住网站的ip地址。所以,我们可以把DNS理解为电话本,你找哪个域名就解析出哪个地址

  • 当用户在浏览器中输入域名操作系统会检查浏览器缓存和本地的hosts文件中是否有这个网址记录,有的话就从记录里找到对应的ip地址完成域名的解析,没有的话,再接着使用tcp
    ip参数中设置的DNS服务器进行查询,如果要查询的域名包含在本地配置区域资源中则返回解析结果,完成域名的解析,还是没有的话,再接着检查本地dns服务器是否缓存有该网址记录,有的话就返回解析结果,完成域名的解析,如果还是没有的话,本地DNS服务器会发送查询报文到根dns服务器,根dns服务器收到请求后,返回顶级域DNS服务器地址,然后本地DNS服务器再发送查询报文到顶级域dns服务器,顶级域dns服务器收到请求之后返回权威dns服务器的地址,然后本地dns服务器再发送查询报文到权威服务器,权威dns服务器收到请求后会返回最终的IP地址完成域名的解析

  • 第三建立TCP连接

  • 当浏览器获取到服务器的ip地址后,浏览器会用一个随机的端口号向服务器80端口发送tcp链接请求,这个链接请求到达服务端之后通过tcp三次握手建立tcp的链接

  • 第四发送http/https请求

  • 建立tcp连接后就可以通过http进行数据的传输了,如果使用了https,会在tcp与http之间多添加一层协议作为加密及验证的服务,https使用ssl和tls协议保障了信息的安全-------ssl协议的作用是认证客户端和服务器,确保数据发送到正确的客户端和服务器,加密数据防止数据中途被窃取,维护数据的完整性,确保数据在传输过程中不被改变-----tls协议的作用是用于在两个通信应用程序之间提供保密性和数据完整性。tls协议有两层组成----tls记录协议和tls握手协议

  • 第五服务器相应请求并返回数据

  • 当浏览器到外部服务器的链接建立后,浏览器会发送一个初始的http
    get请求,请求目标通常是一个html文件,服务器收到请求后,将返回一个http的响应报文,内容包括相关的响应头和html正文

  • 第六浏览器解析并渲染页面

  • 不同的浏览器引擎渲染过程不

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值