前言
前端开发离不开网络请求,网络协议是面试必考压轴题。
很多人只会调接口,不懂协议原理,面试一问深层网络直接挂掉。
本篇一次性讲完前端必须掌握的:HTTP特性、请求响应结构、版本区别、HTTPS加密、浏览器缓存、状态码大全,零基础吃透网络体系。
一、HTTP 是什么(面试满分定义)
HTTP 是超文本传输协议,是前端与后端数据交互的应用层协议,基于 TCP 传输、无状态、无连接。
二、HTTP 四大特性
无状态:服务器不记录客户端状态(所以需要 Cookie、Session、Token)
无连接:请求结束立即断开连接
基于请求响应模型:客户端主动请求,服务器被动响应
明文传输:HTTP数据全部明文,不安全
三、HTTP 请求结构
1. 请求行:请求方法 + URL + 协议版本
2. 请求头:token、content-type、cookie、UA
3. 请求体:POST/PUT 提交的数据
四、常用请求方法及区别
GET:查询数据,参数在URL,无请求体,可缓存
POST:提交数据,参数在请求体,不缓存
PUT:完整更新资源
PATCH:局部更新资源
DELETE:删除资源
面试高频:GET参数有限、明文、可收藏;POST更安全、适合大量数据。
五、HTTP 状态码全套(必背)
1xx 信息
101 协议切换(websocket)
2xx 成功
200 成功、201 创建成功、204 无内容
3xx 重定向/缓存
301 永久重定向、302 临时重定向、304 协商缓存命中
4xx 客户端错误
400 参数错误、401 未登录、403 权限不足、404 地址不存在
5xx 服务端错误
500 服务器异常、502 网关错误、503 服务不可用
六、HTTP1.1 / HTTP2 / HTTP3 区别(面试高阶)
HTTP1.1
长连接、但是队头阻塞,同一时间只能一个请求
HTTP2
二进制传输、多路复用、头部压缩、服务器推送,解决队头阻塞
HTTP3
基于QUIC协议、UDP传输、极速连接、弱网优化
七、HTTPS 加密原理(面试必考)
HTTPS = HTTP + SSL/TLS 加密
解决HTTP明文传输被窃听、篡改、伪造问题。
加密流程
客户端请求服务器证书
服务器返回公钥证书
客户端验证证书合法性
客户端生成随机密钥,用公钥加密传输
服务器私钥解密得到密钥
后续通信使用对称加密传输数据
八、浏览器缓存(前端性能核心)
1. 强缓存(直接读本地,不请求服务器)
Cache-Control、Expires
2. 协商缓存(发请求对比标识)
Last-Modified / ETag
304 命中协商缓存,极大提速。
九、本篇结语
网络协议是前端面试的高阶分水岭,背完本篇,网络面试题全部满分,彻底甩开零基础求职者。