浏览器输入一个URL之后发生了什么?

  1. URL解析
  2. DNS解析
  3. TCP连接
  4. TSL连接
  5. HTTP请求
  6. TCP挥手
  7. 接收并解析响应

URL 解析

image.png
主要分为:

  • 协议,eg http,https
  • 域名或者ip地址,eg www.baidu.com

域名相对于ip地址来说,更方便人们记忆,但是实际的网络传输中使用的是ip地址

  • 端口号,不同的协议对应不同的端口号,一般可以不写,eg http是80,https是443
  • 请求的资源或路径,默认不写就是 /index

DNS 解析

根据域名找到对应的ip
首先会在本机查找浏览器缓存,如果没有查操作系统缓存
如果还没有,就后台向本机已经通过DHCP配置好的DNS服务器发起一个查询递归请求
DNS服务器会首先查询自己的缓存,如果没有就向分布式DNS域名系统发起迭代查询,依次是根域名服务器,顶级域名服务器,权限域名服务器
image.png

TCP连接

image.png

image.png

  • 第一次发送连接请求
    • SYN=1表示这是一个TCP连接请求报文段
    • seq设为x,作为TCP客户进程所选的初始序号
    • TCP规定SYN=1的报文段不能携带数据,但要消耗掉一个序号
  • 第二次发送请求连接请求确认报文段
    • SYN=1和ACK=1表示这是一个TCP连接请求确认报文段
    • seq设为y,作为TCP服务进程所选的初始序号
    • ack=x+1,这是对TCP客户进程所选的初始序号的确认
    • 因为SYN=1,所以不能携带数据,但要消耗掉一个序号
  • 第三次发送请求连接确认的确认
    • ACK=1,表示这是一个普通的TCP确认报文段
    • seq=x+1,第一次发送请求连接,TCP客户进程所选的初始序号x,不携带数据,但是消耗一个序号
    • ack=y+1,这是对TCP服务进程所选的初始序号的确认
    • 普通的确认报文段可以携带数据
    • 如果不携带数据,则不消耗序号;在这种情况下,下一个发送的序号seq仍为x+1

q: 第三次确认是否多余?

不多余。这是为了防止已失效的连接请求报文段突然又传到了服务器而导致错误,造成服务端资源浪费
假如我们把连接改为两次握手,就会产生如下错误情况
image.png

TSL 连接

q: Http和Https的区别?

  • Http是明文传输,容易遭到窃听和篡改,Https对传输内容做了加密
  • Http缺乏报文完整性验证,Https对报文做了验证
  • Http缺乏身份验证,Https加入了身份验证机制
  • 两者的默认端口不一样,HTTP 默认端口号是 80,HTTPS 默认端口号是 443。

如果你输入http://www.taobao.com , 你首先会获得一个重定向的响应
然后浏览器重新发起对https://www.taobao.com 的请求

image.png

image.png

TSL 连接的过程如下:

image.png

消息发送与验证

image.png

HTTP请求

建立连接后,浏览器发起Http请求,Http报文如下
image.png

TCP 挥手

image.png

image.png

客户端和服务端都可以释放连接

  • 第一次发送释放连接请求
    • FIN=1和ACK=1,表示这是一个TCP连接释放报文段
    • seq=u,u为上一次发送请求的seq+1,即已传发送过的字节序号+1
    • ack=v,表示对上一次请求确认的确认 ,即服务端已收到的字节序号+1
    • TCP规定FIN=1的报文段即使不携带数据也要消耗一个序号
  • 第二次发送对释放连接请求的确认
    • ACK=1,表示这是一个普通的确认
    • seq=v,v为服务端以收到的字节序号+1(正好和第一次请求的ack一致)
    • ack=u+1,这是对连接释放报文段的确认

中间服务端可能还要有数据进行发送

  • 第三次发送,TCP服务端发送TCP连接释放报文段
    • FIN=1和ACK=1,表示这是一个TCP连接释放报文段
    • seq=w,是因为服务端可能又发送了若干数据
    • ack=u+1是对第一次请求连接释放报文段的重复确认
  • 第四次TCP客户端发送普通确认报文段
    • ACK=1,表示这是一个普通的确认
    • seq=u+1,是因为第一次发送请求时消耗了一个字节序列
    • ack=w+1,这是对第三次请求的确认

q: 最后等待2MSL是否有必要?

有必要。如果最后一次TCP报文段丢失,则服务端会一直等待或者重传,浪费资源
image.png

q: 服务端如何发现客户端故障?

image.png

接收并解析响应

image.png

参考资料

  • 浏览器输入url发生了
  • 在浏览器输入 URL 回车之后发生了什么(超详细版) - 知乎 (zhihu.com)
  • 从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系! | Dailc的个人主页 (dailichun.com)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/56387.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

一、使用maven新建springboot

1. 新建maven项目 2. 修改pom.xml文件 <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0"xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http:…

SSM框架和Spring Boot+Mybatis框架的性能比较?

SSM框架和Spring BootMybatis框架的性能比较&#xff0c;没有一个绝对的答案&#xff0c;因为它们的性能受到很多因素的影响&#xff0c;例如项目的规模、复杂度、需求、技术栈、团队水平、测试环境、测试方法等。因此&#xff0c;我们不能简单地说哪个框架的性能更好&#xff…

widnows 制作winpe启动盘

下载 官网 大白菜官网,大白菜winpe,大白菜U盘装系统, u盘启动盘制作工具 点击装机版&#xff0c;进行下载&#xff0c;等待下载完成 安装 解压 双击exe运行 插入u盘 识别到的u盘 点击【一键制作成usb启动盘】 点击确定&#xff0c;等待制作完成 重启电脑&#xff0c;选择从…

机器学习深度学习——NLP实战(自然语言推断——微调BERT实现)

&#x1f468;‍&#x1f393;作者简介&#xff1a;一位即将上大四&#xff0c;正专攻机器学习的保研er &#x1f30c;上期文章&#xff1a;机器学习&&深度学习——针对序列级和词元级应用微调BERT &#x1f4da;订阅专栏&#xff1a;机器学习&&深度学习 希望文…

LeetCode5:最长回文子串、LeetCode647:回文子串

文章目录 LeetCode647&#xff1a;回文子串题目示例提示解题思路解题代码复杂度 LeetCode5:最长回文子串题目示例提示解题思路解题代码复杂度 总结 LeetCode647&#xff1a;回文子串 题目 给你一个字符串 s &#xff0c;请你统计并返回这个字符串中 回文子串 的数目。 回文字…

Module not found: Error: Can‘t resolve ‘vue-pdf‘ in ‘xxx‘

使用命令npm run serve时vue项目报错&#xff1a; Module not found: Error: Cant resolve vue-pdf in xxx 解决方案&#xff1a; 运行命令&#xff1a; npm install vue-pdf --save --legacy-peer-deps 即可解决。 再次顺利执行npm run serve

webrtc在js里的实现

WebRTC&#xff08;Web Real-Time Communication&#xff09;是一项开放的浏览器技术&#xff0c;它允许浏览器之间建立点对点&#xff08;peer-to-peer&#xff09;连接&#xff0c;实现音频、视频、文件的传输和通信。它的实现一般需要使用JavaScript语言。 在JavaScript中&…

Linux系统USB摄像头测试程序(四)_视频旋转及缩放

下面的程序实现了视频的旋转及缩放&#xff0c;窗口中点击鼠标左键视频向左旋转&#xff0c;点击鼠标右键视频向右旋转并且视频缩小了二分之一。程序中首先把yvyv422转换成了RGB24&#xff0c;然后利用opencv进行了旋转和缩放&#xff0c;其后用sdl2进行了渲染。使用了ffmpeg、…

问道管理:市盈率市净率两个指标含义怎么算?

市盈率和市净率是出资领域常用的两个目标&#xff0c;用于评价公司的估值和出资的报答状况。本文将从多个视点剖析这两个目标的含义和计算方法&#xff0c;帮助读者更好地了解和运用它们。首先&#xff0c;市盈率&#xff08;P/E ratio&#xff09;是用来衡量公司股票价格与每股…

程序运行的马甲:进程(1/7)

一个可执行文件被加载到内存中运行时&#xff0c;它在内存空间的分布如图所示&#xff1a; 在内存中有专门的堆栈空间&#xff0c;函数的局部变量是保存在栈中的&#xff0c;使用 malloc 申请的动态内存是在堆空间中分配的&#xff0c;它们是程序运行时比较特殊的两块内存区域&…

从上帝视角俯瞰vue2路由(简单易懂)

文章目录 路由原理&#xff08;hash&#xff09;路由安装和使用&#xff08;vue2&#xff09;路由跳转路由的传参和取值嵌套路由路由守卫完整代码 路由原理&#xff08;hash&#xff09; 单页应用的路由模式有两种 哈希模式&#xff08;利用hashchange 事件监听 url的hash 的…

php图片批量压缩并同时保持清晰度

php图片压缩可以通过GD库来实现。以下是一个使用GD库进行图片压缩的示例代码&#xff1a; // 原始图片路径 $sourceImage path/to/source/image.jpg; // 压缩后保存的路径及文件名 $compressedImage path/to/compressed/image.jpg; // 压缩后的图片质量&#xff08;1-100&…

2.Vue报错Cannot read properties of undefined (reading ‘then‘)

1.出现报错 Cannot read properties of undefined (reading ‘then’)&#xff0c; 代码为 uploadFile(e.target.files[0]).then((res) > {alert(JSON.stringify(res));});2.原因 是因为uploadFile方法没有返回值&#xff0c;于是我又检查了一遍代码&#xff0c;发现我的r…

数据挖掘-关联规则学习-Apriori算法原理

数据挖掘-关联规则学习-Apriori算法原理 引言&#xff1a;一、关联分析是什么&#xff1f;二、基本概念1. 项2. 项集3. 支持度4. 置信度5. 提升度6. 频繁项集 三、关联分析过程四、Apriori算法原理五、程序实现 引言&#xff1a; 比如你女朋友&#xff0c;低头玩手指沉默&…

基于深度神经网络的分类--实现与方法说明

1、分类系统的设计 采用神经网络进行分类需要考虑以下几个步骤&#xff1a; 数据预处理&#xff1a; 将数据特征参数和目标数据整理成合适的输入和输出形式&#xff0c;可以使用过去一段时间的数据作为特征&#xff0c;然后将未来的数据作为输出标签&#xff0c;进行分类问题的…

c++ future与promise

C11 标准中 头文件中包含了以下几个类和函数&#xff1a; Providers 类&#xff1a;std::promise, std::package_taskFutures 类&#xff1a;std::future, shared_future.Providers 函数&#xff1a;std::async()其他类型&#xff1a;std::future_error, std::future_errc, st…

sleep () 和 wait () 有什么区别?

sleep () 方法 sleep () 方法是Thread类的静态方法&#xff0c;可以通过Thread.sleep()来调用。 它是线程的一个静态方法&#xff0c;用于让当前线程休眠一段指定的时间。 sleep () 不会释放线程持有的锁&#xff0c;因此其他线程无法获得锁资源&#xff0c;可能导致同步问题…

13.4 目标检测锚框标注 非极大值抑制

锚框的形状计算公式 假设原图的高为H,宽为W 锚框形状详细公式推导 以每个像素为中心生成不同形状的锚框 # s是缩放比&#xff0c;ratio是宽高比 def multibox_prior(data, sizes, ratios):"""生成以每个像素为中心具有不同形状的锚框"""in_he…

后端Windows软件环境安装配置大全[JDK、Redis、RedisDesktopManager、Mysql、navicat、VMWare、finalshell、MongoDB...持续更新中]

文章目录 前言1. 安装 JDK2. 安装 Redis3. 安装 RedisDesktopManager&#xff08;Redis可视化工具&#xff09;4. 安装 Mysql5. 安装 navicat (Mysql可视化工具)6. 安装 VMWare7. 安装 finalshell (VMWare可视化工具)8. 安装 MongodDB9. 安装 maven 总结 前言 为了巩固所学的知…

vue 主组件把日期选择器给子组件props传obj值, 与子组件监听 watch对象或对象属性

1 主组件 1.1 :passObj 这种 非v-model ; change"DateChange"触发事件 <template> <div class"date-picker-panel"><el-date-picker v-model"value2" type"datetimerange" :picker-options"pickerOptions"…