这是我参与「第五届青训营」伴学笔记创作活动的第 4 天

初识HTTP

http在网络结构中的位置示意图如下，TCP/IP的结构从上到下是应用层、传输层、网络层、数据链路层。

http超文本传输协议，可以承载多种体裁（html，css，web，js）
http是属于应用层的协议，而他基于传输层的TCP协议
http分为请求和响应，是无状态的，即不知道之前的信息和行为

协议分析

发展历程

HTTP/1.1使用时间最长，和HTTP2很多语义是一样的

报文

Method

以下是http的method，其中不会修改服务器数据的方法具有safe特性，比如GET HEAD OPTIONS；此外幂等（Idempotent）特性指同样的请求被执行一次与连续执行多次效果是一样的，服务器状态也是一样的，所有safe的方法都是Idempotent的，如GET HEAD OPTIONS PUT DELETE

Method
- GET请求一个指定资源的表示形式.使用GET的请求应该只被用于获取数据
- POST用于将实体提交到指定的资源，通常导致在服务器上的状态变化或副作用
- PUT 用请求有效载荷替换目标资源的所有当前表示
- DELETE 删除指定的资源
- HEAD请求一个与GET请求的响应相同的响应，但没有响应体
- CONNECT 建立一个到由目标资源标识的服务器的隧道。
- OPTIONS 用于描述目标资源的通信选项。
- TRACE沿着到目标资源的路径执行一个消息环回测试。
- PATCH 用于对资源应用部分修改

状态码

1开头表示请求已接受需要继续处理，2开头表示成功，3开头表示重定向需要有进一步操作才能继续，4开头表示客户端错误（请求未授权，未携带权限信息或语法有错误，或者请求资源不存在），5开头是服务器相关的错误

RESTful API

是一种API设计风格，representational state transfer：

(1) 每一个URI代表一种资源; (2) 客户端和服务器之间，传递这种资源的某种表现层； (3) 客户端通过HTTP method，对服务器端资源进行操作，实现"表现层状态转化"

常用请求头

Accept 接收类型，表示浏览器支持的MIME类型 (对标服务端返回的Content-Type)
Content-Type 客户端发送出去实体内容的类型
Cache-Control 指定请求和响应遵循的缓存机制，如no-cache
If-Modified-Since 对应服务端的Last-Modified，用来匹配看文件是否变动，只能精确到1s之内
Expires 缓存控制，在这个时间内不会请求，直接使用缓存，服务端时间
Max-age 代表资源在本地缓存多少秒，有效时间内不会请求，而是使用缓存
If-None-Match 对应服务端的ETag，用来匹配文件内容是否改变 (非常精确)
Cookie 有cookie并且同域访问时会自动带上（只能带有权限的cookie），利用cookie可以带上状态信息
Referer 该页面的来源URL(适用于所有类型的请求，会精确到详细页面地址，cSrf拦截常用到这个字段)
Origin 最初的请求是从哪里发起的（只会精确到端口）,Origin比Referer更尊重隐私 User-Agent 用户客户端的一些必要信息，如UA头部等（从什么设备发送的）

常用响应头

Content-Type 服务端返回的实体内容的类型（html，css，json等）
Cache-Control 指定请求和响应遵循的缓存机制，如no-cache
Last-Modified 请求资源的最后修改时间
Expires 应该在什么时候认为文档已经过期,从而不再缓存它
Max-age 客户端的本地资源应该缓存多少秒，开启了Cache-Control后有效
ETag 资源的特定版本的标识符，Etags类似于指纹
Set-Cookie 设置和页面关联的cookie，服务器通过这个头部把cookie传给客户端
Server 服务器的一些相关信息
Access-Control-Allow-Origin 服务器端允许的请求Origin头部 (譬如为*)

请求头：缓存

强缓存指的是如果本地有缓存直接用就好了，协商缓存指的是要和服务端协商确认缓存能不能用，是不是最新的之类的信息（在响应头和请求头中成对出现）

缓存处理逻辑

cookie

set-cookie - response是server返回的浏览器设置的一些cookie信息，secure httponly samesite等都是为了安全性的属性

HTTP/2概述

更快、更稳定、更简单

以帧为通信的最小单位，每个帧都有帧头，标识出当前帧所属的数据流
传输过程中使用二进制编码，使用新的压缩算法，比起以前的纯文本效率更高
消息：由一系列帧聚合而成的逻辑请求或响应消息
数据流：已建立的连接内的双向字节流，可承载一条或多条信息
发送方式：交错发送，接收方重组织

HTTP/2链接被建立后，是可以永久被利用的
流控制：有了主动性，可以阻止发送方向接收方发送大量数据的机制（比如视频暂停后，自动让服务端先别发别缓存了，把资源带宽给优先级更高的服务）
服务器推送能力：比如，客户端只请求了page.html，但服务端分析发现page.html引用到了js和css文件，可能之后会再发送请求，所以主动先推送给客户端