这是我参与「 第五届青训营 」伴学笔记创作活动的第 5 天
本堂课主要讲解的重点内容
- HTTP 协议的基本定义
- HTTP 协议主要特征
- HTTP 协议发展历程
- HTTP 协议的报文结构
- 场景分析 - 静态资源
- 场景分析 - 登录
- HTTP 协议实战 - 浏览器
- HTTP 协议实战 - Node篇
- 网络优化手段
- HTTP 协议拓展 - 通信方式
对讲解的部分知识点进行介绍
协议分析(以HTTP/1.1为例) - 报文
1、Method
| Method | |
|---|---|
| GET | 请求一个指定资源的表示形式.使用GET的请求应该只被用于获取数据 |
| POST | 用于将实体提交到指定的资源,通常导致在服务器上的状态变化或副作用 |
| PUT | 用请求有效载荷替换目标资源的所有当前表示 |
| DELETE | 删除指定的资源 |
| HEAD | 请求一个与GT请求的响应相同的响应,但没有响应体 |
| CONNECT | 建立一个到由目标资源标识的服务器的隧道 |
| OPTIONS | 用于描述目标资源的通信选项 |
| TRACE | 沿着到目标资源的路径执行一个消息环回测试 |
| PATCH | 用于对资源应用部分修改 |
1)判断请求是否安全:是否会修改服务器数据
2、常见状态码
3、常用请求头
| 常用请求头 | |
|---|---|
| Accept | 接收类型,表示浏览器支持的MIME类型(对标服务端返回的Content-Type) |
| Content-Type | 客户端发送出去实体内容的类型 |
| Cache-Control | 指定请求和响应遵循的缓存机制,如no-cache |
| If-Modified-Since | 对应服务端的Last-Modified,用来匹配看文件是否变动,只能精确到1s之内 |
| Expires | 缓存控制,在这个时间内不会请求,直接使用缓存,服务端时间 |
| Max-age | 代表资源在本地缓存多少秒,有效时间内不会请求,而是使用缓存 |
| If-None-Match | 对应服务端的ETag,用来匹配文件内容是否改变(非常精确) |
| Cookie | (http是无状态请求所以通常会带上cookie信息)有cookie并且同域访问时会自动带上 |
| Referer | 该页面的来源URL(适用于所有类型的请求,会精确到详细页面地址,cs拦截常用到这个字段) |
| Origin同域 | 最初的请求是从哪里发起的(只会精确到端口),Origin比Referer更尊重隐私 |
| User-Agent | 用户客户端的一些必要信息,如UA头部等 |
4、cookie
| Set-Cookie response | |
|---|---|
| Name=value | 各种cookie的名称和值 |
| Expires=Date | Cookie的有效期,缺省时Cookie仅在浏览器关闭之前有效 |
| Path=Path | 限制指定Cookie的发送范围的文件目录,默认为当前 |
| Domain=domain | 限制cookie生效的域名,默认为创建cookie的服务域名 |
| secure | 仅在HTTPS安全连接时,才可以发送Cookie |
| HttpOnly | JavaScript脚本无法获得Cookie |
| SameSite=[None Strict Lax] | ① None同站、跨站请求都可发送;② Strict仅在同站发送;③ 允许与顶级导航一起发送,并将与第三方网站发起的GET请求一起发送 |
注:SameSite=[None|Strict|Lax] 👈因系统问题无法输入 | ,此处稍作备注
5、常用响应头
6、缓存(强缓存 + 协商缓存)
1)缓存流程
个人总结
今天了解了什么是HTTP协议,更是针对HTTP/1.1为例,了解了该协议的报文结构,包括请求头、响应头、状态码等等。同时,课程老师很贴心的带大家走了一遍流程,帮助我更加深入的了解了HTTP的应用原理与应用方式,收获良多。
(原来md主题里头还有个这么漂亮的,是我之前尝试得不够仔细了【doge