第 15 卷
• 实现步骤:
送;
- 接收方:① 先读取固定字节数的长度字段(如2字节),解析出数据长度;② 从缓冲区读取对应
长度的数据内容,若数据不足则等待,直至满足长度要求。
- 优点:无分隔符冲突问题,适配任意长度、任意内容的数据,是工业级开发的首选方案;
• 缺点:实现稍复杂,需处理长度字段的字节序(大端/小端)问题(不同设备可能有差异,需统一约
定)。
- 协议格式化(适用于复杂结构化数据)
核心逻辑:定义完整的应用层协议格式(如JSON、Protobuf、自定义二进制协议),通过协议字段明确数据边界和结构,接收方按协议解析数据。
• 实现示例:
- 使用JSON格式化:每个数据包是一个完整的JSON对象,如 {"type":"login","data":
{"user":"admin","pwd":"123"}},配合分隔符(如 \r\n)使用;
- 使用Protobuf:预先定义数据结构(如message Login { string user = 1; string pwd = 2; }),发
送方序列化数据,接收方按定义反序列化,自动识别数据边界。
- 优点:结构化强,支持复杂数据类型,可扩展性好(如Protobuf支持字段新增);
• 缺点:需额外引入协议解析库,序列化/反序列化有轻微性能开销,适用于分布式系统、跨语言通信
等复杂场景。
二、粘包问题的延伸:半包处理
与粘包对应的是“半包”(接收方只收到一个数据包的部分数据),上述所有解决方案均需结合“缓冲区”处理半包:接收方需维护一个临时缓冲区,将每次接收的字节先存入缓冲区,再根据约定的边
界规则从缓冲区中提取完整数据包,未提取的剩余数据保留在缓冲区,等待后续数据补充。
✅ 核心总结
处理TCP粘包的核心是“应用层补全边界”:简单场景可选择固定长度或分隔符方案,复杂场景优先使用长度字段前缀方案,跨语言/结构化数据推荐协议格式化方案。无论哪种方案,都需配合缓冲区处理
半包问题,确保数据拆分的准确性。
- WebSocket协议的主要特点是什么?
WebSocket是基于TCP的应用层协议,核心设计目标是解决HTTP协议“无状态、单向通信”的缺陷,
WebSocket建立连接后,客户端和服务端可同时向对方发送数据,实现“双向实时交互”,无需像 HTTP那样通过“客户端发起请求-服务端响应”的单向模式通信。例如,服务端可在无客户端请求的
情况下,主动向客户端推送消息(如实时聊天的新消息、股票行情更新)。
- 基于TCP的持久连接,低延迟
WebSocket连接建立后会持续保持,直至客户端或服务端主动关闭,避免了HTTP每次通信都需重新建立TCP连接的开销:
• 连接建立:通过“HTTP握手”完成升级(后续第29问详细说明),仅需一次握手即可建立持久连
接;
• 低延迟:连接建立后,数据传输无需重复握手和头部验证,且协议头部开销极小(仅2-10字节),
远低于HTTP的头部开销(通常数百字节),大幅降低传输延迟。
- 无同源限制,跨域友好
WebSocket协议本身不限制跨域请求,客户端可通过 new WebSocket("ws://cross-domainserver.com") 直接连接跨域的WebSocket服务器,无需像HTTP跨域那样依赖CORS(跨域资源共
享)机制。但服务端可通过验证“Origin”请求头来限制允许的客户端域名,保障安全性。
- 支持多种数据格式,扩展性强
WebSocket支持传输文本数据(UTF-8编码,如JSON、XML)和二进制数据(如图片、音频、视频流),可满足不同场景的需求:
- 文本数据:适用于实时聊天、通知推送等场景,可读性强;
- 二进制数据:适用于实时音视频传输、文件分片上传等场景,传输效率高。
此外,WebSocket支持“子协议”扩展(通过 Sec-WebSocket-Protocol 请求头协商),可基于基础协议定制应用层协议(如聊天协议、游戏协议)。
- 心跳机制保障连接稳定性
WebSocket支持通过“心跳包”机制检测连接状态:客户端和服务端可周期性发送小型数据包(如空消息或特定标识的消息),若对方长时间未响应,说明连接异常,可主动关闭连接并重新建立,避
免“僵死连接”(连接存在但无法通信)。
- 与HTTP协议兼容,升级平滑
WebSocket的连接建立过程基于HTTP协议(“HTTP升级请求”),客户端发起的握手请求是标准的 HTTP请求,可穿过大多数支持HTTP的防火墙和代理服务器,无需修改网络环境配置,实现平滑升级
传统实时通信方案(HTTP长轮询、短轮询)本质仍是HTTP单向通信,与WebSocket差异明显:
• HTTP短轮询:客户端定时发送HTTP请求询问服务端是否有新数据,延迟高、开销大(频繁建立连
接);
• HTTP长轮询:客户端发送请求后,服务端保持连接直至有新数据或超时才响应,延迟有所降低,
但仍存在连接重建开销;
• WebSocket:全双工持久连接,服务端可主动推送数据,延迟最低、开销最小,是实时通信的最优
方案。
✅ 核心总结
WebSocket的核心价值是“高效、实时、双向”,通过持久连接、低开销传输、跨域友好等特点,解决了HTTP在实时通信场景下的不足。其典型应用场景包括:实时聊天、在线协作工具、实时行情推
送、在线游戏、实时音视频通话等。
29. 描述WebSocket的握手过程
WebSocket的握手过程是“基于HTTP协议的升级过程”,核心目的是通过一次HTTP请求/响应,完成从“HTTP协议”到“WebSocket协议”的切换,建立持久的全双工连接。整个过程由客户端主动
发起,服务端确认升级,最终完成连接建立,具体步骤如下:
一、核心前提与关键字段
握手过程依赖HTTP请求头和响应头中的特殊字段,用于协商升级协议、验证身份和确认参数,核心关键字段包括: Upgrade、 Connection、 Sec-WebSocket-Key、 Sec-WebSocket-
Accept 等。
二、完整握手流程(3步核心)
- 第一步:客户端发起HTTP升级请求(握手请求)
客户端通过JavaScript创建WebSocket对象(如 new WebSocket("ws://example.com/ws"))时,会向服务端发送一个“HTTP GET请求”,明确
告知服务端“希望升级到WebSocket协议”,请求头包含核心协商字段:
Code block
1GET /ws HTTP/1.1
全站分卷索引 · 21 卷
- 1第 1 卷
- 前端面试-HTTP核心高频5问(详细版)
- 1. 描述HTTP请求的整个过程
- 完整步骤(共7步)
- ◦ 响应头:携带服务端信息(服务器软件)、响应数据信息(Content-Length、Content-
- 2. 浏览器输入URL到页面加载完成,涉及的HTTP相关技术/流程
- 阶段1:URL解析与DNS域名解析(为HTTP请求铺路)
- • 浏览器先解析URL,提取协议(http/https)、域名、端口、路径(如 https 协议,域名
- • 域名解析:将域名转为IP地址(HTTP请求最终指向IP),解析顺序:浏览器缓存→系统缓存→本
- 阶段2:建立通信连接(HTTP的传输基础)
- • HTTPS协议:在TCP连接基础上,额外完成TLS四次握手(加密通信),建立安全的TLS+TCP连接
- 阶段3:发起HTTP请求(核心HTTP流程)
- • 请求头:携带 User-Agent(浏览器标识)、 Accept(可接收的响应数据类型:
- 2第 2 卷
- ✅ 补充重要细节
- 一、HTTP持久连接的定义
- • 短连接(HTTP/1.0默认):每次HTTP请求都新建TCP连接,请求完成后立即四次挥手关闭连接,
- • 长连接(HTTP/1.1默认):一次TCP连接建立后,可承载多次HTTP请求/响应,连接不会立即关
- 二、HTTP Keep-Alive的工作原理(核心流程)
- 三、持久连接的核心优势
- 四、关键细节
- 核心状态码含义(面试必背)
- • 注意:200仅表示「请求处理成功」,不代表业务逻辑成功(如查询数据为空,仍可能返回200+空
- • 场景:网站域名更换(如 www.old.com → www.new.com)、页面永久下架并迁移到新页面,
- • 核心原因:服务端代码bug(如空指针、语法错误)、服务器配置错误、数据库连接失败、服务端
- ✅ 补充高频状态码(面试拓展)
- 3第 3 卷
- ✅ 补充核心要点
- 一、核心加密方案:对称加密+非对称加密(扬长避短)
- • 非对称加密(用于“密钥协商”):
- • 对称加密(用于“实际数据传输”):
- 二、HTTPS保证安全的完整流程(核心三步)
- ✅ 核心安全保障总结
- 一、SSL/TLS协议的定义与关系
- • SSL:早期由网景公司开发,用于解决HTTP明文传输的安全问题,主要版本有SSLv1、SSLv2、
- • TLS:IETF(互联网工程任务组)在SSLv3的基础上标准化并升级而来,弥补了SSL的安全缺陷,
- • 核心关系:TLS是SSL的“升级版”,日常所说的“SSL协议”本质上已被TLS取代,但行业习惯仍
- 二、SSL/TLS在HTTPS中的核心角色(“安全加密层”)
- 4第 4 卷
- ✅ 补充要点
- 一、核心作用:颁发并验证数字证书(身份“介绍信”)
- 二、关键作用:防止中间人攻击
- 三、其他辅助作用
- ✅ 补充要点
- • CA的核心价值是“信任背书”⸺客户端信任CA,因此信任经过CA签名的证书,进而信任服务端
- • 目前有免费CA(如Let's Encrypt,支持自动续期)和付费CA(如Symantec,提供更高等级的验证
- • 若网站使用“自签名证书”(未经过CA颁发),客户端无法验证其合法性,浏览器会直接提示“不
- • HTTP/1.1的缺陷:同一条TCP连接中,只能串行发送HTTP请求,若前一个请求阻塞(如大文件加
- • HTTP/2的改进:引入“帧(Frame)”和“流(Stream)”的概念,实现多路复用:
- 二、头部压缩(减少请求头传输开销)
- 三、服务器推送(提前加载资源,提升页面渲染速度)
- 5第 5 卷
- 一、强缓存(优先触发,无需请求服务端)
- • max-age=秒数:设置缓存有效期,从资源首次请求成功后开始计时(如 max-age=3600,表
- • private:资源仅能被浏览器缓存,禁止代理服务器缓存(适用于敏感资源,如用户个人页
- • no-store:禁止任何缓存,每次都需向服务端发起全新请求(适用于实时性极高的资源,如动
- • must-revalidate:强缓存过期后,必须向服务端验证缓存有效性,不允许浏览器直接使用过
- 二、协商缓存(强缓存过期后触发,需请求服务端验证)
- 三、缓存控制头信息的优先级与执行流程
- ✅ 补充核心要点
- 一、HTTP/3的主要特点和核心改进
- • 解决TCP队头阻塞:TCP是“面向连接的字节流协议”,同一条连接中,一个数据包丢失会导致后
- 6第 6 卷
- • 更快的连接建立:TCP建立连接需3次握手(1-RTT),HTTPS需额外TLS握手(1-RTT),共2-
- • 天然支持加密:QUIC强制加密传输,所有数据(包括连接控制信息)均通过TLS 1.3加密,无需像
- • 更好的移动网络适配:UDP对网络切换(如手机从WiFi切到4G)的适应性更强,QUIC支持“连接
- • 优先级与流量控制:支持为请求流设置优先级,且流量控制粒度更细(基于QUIC流的独立控
- 二、HTTP/3与HTTP/2的核心差异
- ✅ 补充要点
- 一、核心组成部分
- • 源站:存储原始资源的服务器(如企业官网服务器),仅负责向CDN中心节点推送资源,不直接向
- • 边缘节点:分布在各地的缓存服务器(如北京、上海、广州、海外节点),直接向用户提供资源访
- • 调度系统(GSLB):全局负载均衡系统,核心功能是“智能选择最优边缘节点”,通过DNS解析
- 二、完整工作流程(分5步)
- 7第 7 卷
- 一、显著优势(核心价值)
- ✅ 补充要点
- 一、第一步:选择合适的CDN类型(按需求匹配)
- • 国内用户为主:选择国内CDN厂商(阿里云CDN、腾讯云CDN、百度智能云CDN),优势是国内边
- • 海外用户为主:选择国际CDN厂商(Cloudflare、Akamai、Fastly),优势是全球节点覆盖广(含
- • 全球用户覆盖:选择支持“全球节点”的厂商(如Cloudflare、阿里云国际版),或混合使用国内
- • 静态资源(CSS/JS/图片):选择通用CDN(所有厂商均支持),重点关注“缓存策略灵活
- • 视频/大文件:选择支持“大文件加速”或“视频点播加速”的CDN(如阿里云视频CDN、腾讯云
- • 动态内容(接口/动态页面):选择支持“动态加速”的CDN(如Cloudflare Enterprise、阿里云动
- • 小程序/移动端资源:选择对移动端优化好的CDN(如腾讯云CDN、阿里云CDN),支持
- • 初创企业/小流量项目:选择免费或低成本CDN(如Cloudflare免费版、阿里云CDN新用户套
- • 中大型项目/商业网站:选择付费商业CDN,优先保障“稳定性、节点覆盖、技术支持”,可额外
- 8第 8 卷
- • 推荐接入:CSS文件、JS文件、图片(png/jpg/webp)、字体文件、静态视频、下载包(如安装
- • 不推荐接入:动态接口(实时性高的)、用户个性化资源(如用户头像)、敏感资源(如用户隐私
- • 源站路径: <link rel="stylesheet"
- • CDN路径: <link rel="stylesheet"
- • 优化后: style.[hash:8].css(如 style.abc12345.css,内容修改后哈希值变化,自
- • 长期缓存静态资源:对带哈希值的CSS/JS/图片,设置长缓存有效期(如 Cache-Control:
- • 短期缓存易变资源:对无哈希值的易变资源(如首页Banner图),设置短期缓存(如 max-
- • 禁用缓存敏感资源:对无需缓存的资源(如动态图片验证码),设置 Cache-Control: no-
- • 配置缓存预热与刷新:新资源上线前,通过CDN控制台发起“缓存预热”,将资源提前推送至边缘
- • 允许的来源:设置为前端页面域名(如 https://www.example.com),避免任意来源(*)带
- 三、第三步:规避CDN使用的常见问题
- ✅ 核心使用原则总结
- 9第 9 卷
- • CDN厂商监控:利用CDN厂商提供的监控面板(如阿里云CDN监控、Cloudflare Analytics),实
- • 第三方监控工具:使用第三方监控工具(如UptimeRobot、监控宝),从不同地区、不同网络(电
- • 用户端监控:通过前端埋点收集用户实际访问CDN资源的状态(加载成功/失败、加载耗时),及
- • 手动干预调度:若CDN自动切换延迟,可通过CDN控制台手动将故障节点下线,强制将用户请求导
- • 缓存刷新与预热:故障节点恢复后,及时对核心资源发起缓存预热,避免恢复后大量回源请求;对
- • 架构优化:分析节点宕机原因(如硬件故障、流量过载、网络攻击),后续优化CDN节点部署(如
- ✅ 核心要点总结
- 一、DNS服务器的核心作用
- • 正向解析(最常用):将用户输入的域名(如 www.taobao.com)解析为对应的IP地址,是浏览
- • 反向解析(辅助功能):将IP地址解析为对应的域名,主要用于身份验证和日志记录。例如,邮件
- • 例如,用户首次访问 www.baidu.com 时,需经过“本地DNS→根DNS→顶级DNS→目标
- • 缓存有过期时间(由域名的TTL参数控制),过期后会重新发起完整解析,确保IP地址更新后能及
- 10第 10 卷
- • 若本地DNS无缓存,会作为“中转节点”,向远程的高层级DNS服务器(根DNS、顶级DNS、权威
- • 根DNS服务器不存储具体的“域名-IP”映射,仅负责识别域名的“顶级域”(如
- • 顶级DNS服务器负责管理对应顶级域下的所有二级域名(如 .com 顶级DNS管理所有 xxx.com 域
- • 权威DNS服务器是域名的“最终解析源”,存储了该域名的完整“域名-IP”映射记录(由域名所有
- • 本地DNS服务器收到IP后,会将该“域名-IP”映射缓存到本地(按TTL设置缓存时间),同时将IP
- 7. 解析完成:进入页面加载流程
- ✅ 核心要点总结
- 一、DNS预解析的核心作用
- • 减少资源加载延迟:页面中通常包含多个不同域名的资源(如CDN资源、第三方插件、图片服务器
- • 不阻塞页面渲染:DNS预解析是浏览器的“后台异步操作”,不会阻塞页面的解析和渲染,在页面
- • 提升弱网络场景体验:在高延迟、弱网络环境(如移动端),DNS解析耗时占比更高,预解析能更
- 二、前端优化中的应用方式(3种核心方案)
- 11第 11 卷
- 12第 12 卷
- 一、核心概念铺垫
- • 半关闭状态:全双工通信中,一方发送FIN后,仅关闭自己的“发送通道”,仍可接收对方发送的
- • TIME_WAIT状态:客户端最终发送ACK后,不会立即释放连接,需等待2MSL(MSL为报文最大生
- 二、四次挥手完整流程(以“客户端主动发起断开”为例)
- ✅ 核心要点与面试高频问题
- 一、连接建立与终止的可靠性保障(基础前提)
- • 三次握手:通过双向交互验证双方发送/接收能力,协商初始序列号,避免无效连接建立,为后续可
- • 四次挥手:确保双方已完成所有数据的发送与接收,通过TIME_WAIT状态避免数据残留,安全终止
- 二、数据传输过程中的核心可靠性机制
- • 接收方:收到报文后,按序列号重组数据;若数据完整且有序,向发送方返回“确认报
- • 未确认重传:发送方发送报文后,启动“重传计时器”;若计时器超时前未收到对应ACK,认为数
- • 超时重传:基础重传机制,发送方为每个报文段设置超时时间(RTO,根据网络延迟动态调整),
- 13第 13 卷
- • 滑动窗口:发送方维护一个“发送窗口”,窗口内的报文段可连续发送,无需等待逐个确认,大幅
- • 累计确认:接收方无需为每个报文段单独返回ACK,可对“连续接收的多个报文段”返回一个累计
- ✅ 核心总结
- 24. 解释TCP的拥塞控制机制
- 一、核心参数铺垫
- • 拥塞窗口(cwnd):发送方维护的“当前可发送的最大数据量”(以报文段为单位),是拥塞控
- • 慢启动阈值(ssthresh):拥塞控制阶段切换的临界值,初始值通常较大(如为65535字节);当
- 二、拥塞控制的四个核心阶段(Reno算法)
- 三、其他补充:拥塞控制的优化算法
- • CUBIC算法:Linux系统默认拥塞控制算法,基于Reno算法优化,在高带宽、高延迟网络(如数据
- • BBR算法:Google提出的基于“带宽延迟乘积(BDP)”的拥塞控制算法,不再通过“丢包”判
- 一、UDP的核心特性(适配实时应用的关键)
- 14第 14 卷
- • 数据分片与序号标记:应用层将大数据(如视频帧)分片,为每个分片标记序号,接收方按序号重
- • 选择性重传:仅对关键数据(如游戏核心操作、视频关键帧)进行重传,非关键数据(如视频非关
- • 差错控制:应用层加入简单的校验机制,丢弃错误数据;对视频、音频数据,可通过编码算法(如
- • 流量控制优化:应用层根据网络延迟和丢包率动态调整发送速率(如弱网络下降低视频分辨率、减
- ✅ 核心总结
- 一、场景核心需求与UDP的适配性
- 二、TCP在该场景下的致命缺陷
- 三、UDP的补充优化:应用层保障核心数据可靠性
- • 关键数据选择性重传:仅对核心操作(如攻击命中、技能释放确认)做轻量级重传,非核心数据
- • 数据分片与序号标记:将操作数据分片传输,标记序号和时间戳,接收方按时间戳筛选有效数据,
- • 冗余数据补充:周期性发送玩家完整状态数据(如位置、血量),即使个别操作数据丢失,也可通
- ✅ 核心总结
- 15第 15 卷
- • 实现步骤:
- • 缺点:实现稍复杂,需处理长度字段的字节序(大端/小端)问题(不同设备可能有差异,需统一约
- • 实现示例:
- • 缺点:需额外引入协议解析库,序列化/反序列化有轻微性能开销,适用于分布式系统、跨语言通信
- 二、粘包问题的延伸:半包处理
- ✅ 核心总结
- • 连接建立:通过“HTTP握手”完成升级(后续第29问详细说明),仅需一次握手即可建立持久连
- • 低延迟:连接建立后,数据传输无需重复握手和头部验证,且协议头部开销极小(仅2-10字节),
- • HTTP短轮询:客户端定时发送HTTP请求询问服务端是否有新数据,延迟高、开销大(频繁建立连
- • HTTP长轮询:客户端发送请求后,服务端保持连接直至有新数据或超时才响应,延迟有所降低,
- • WebSocket:全双工持久连接,服务端可主动推送数据,延迟最低、开销最小,是实时通信的最优
- ✅ 核心总结
- 16第 16 卷
- 17第 17 卷
- 18第 18 卷
- 19第 19 卷
- 20第 20 卷
- 21第 21 卷