http的发展
起初响应的只有html，到了http/2的速度和功能都变得更强大了
网络异常，图片无法展示
|
请求方法
HTTP1.0 定义了三种请求方法： GET, POST 和 HEAD 方法。
HTTP1.1 新增了六种请求方法：OPTIONS、PUT、PATCH、DELETE、TRACE 和 CONNECT 方法。
- GET：请求一个指定的表示形式，使用GET请求应该只被用于获取数据
- POST：用于将实体提交到指定的资源，通常导致在服务器上的状态变化或副作用
- PUT：用于请求有效负荷替换目标资源的所有当前表示
- DELETE：删除指定的资源
- HEAD：请求一个与GET请求的响应相同的响应，但是没有响应体
- CONNECT：建立一个由目标资源标识的服务器隧道
- OPTIONS：用于描述目标资源的通信选项
- TRACE：沿着到目标资源的路径执行一个消息环回测试
- PATCH：用于对资源应用部分修改
状态码及意义
网络异常，图片无法展示
|
- 200 ok-- 客户端请求成功
- 301-- 资源(网页等)被永久转移到其它URL
- 302--临时跳转
- 401 Unauthorized --请求未经授权
- 404--请求资源不存在,可能是输入了错误的URL
- 500--服务器内部发生了不可预期的错误
- 504--Gateway Timeout--网关或者代理的服务器无法在规定的时间内取得想要的响应
缓存
网络异常，图片无法展示
|
cookie
也叫 Web Cookie 或浏览器 Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。 通常，它用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。
网络异常，图片无法展示
|
服务器使用 Set-Cookie 响应头部向用户代理（一般是浏览器）发送 Cookie 信息。一个简单的 Cookie 可能像这样：
Set-Cookie: <cookie-name>=<cookie-value> 复制代码
场景分析
静态资源
- 打开浏览器
- 打开一个网址,比如:今日头条 (toutiao.com)
- 打开控制台: 鼠标右键检查 或者 F12
- 切换到network
状态码200并不是正在的通过http访问拿到的,而是通过本地缓存
网络异常，图片无法展示
|
通过看响应头可以知道:
- 缓存策略是强缓存
- Cache-control:一年
- 允许所有域名访问
- 资源类型:css
网络异常，图片无法展示
|
