1 协议分析
1.1 方法
| GET | 请求一个指定资源的表示形式.使用GET的请求应该只被用于获取数据 |
|---|---|
| POST | 用于将实体提交到指定的资源，通常导致在服务器上的状态变化或副作用 |
| PUT | 用请求有效载荷替换目标资源的所有当前表示 |
| DELETE | 删除指定的资源 |
| HEAD | 请求一个与GET请求的响应相同的响应但没有响应体 |
| CONNECT | 建立一个到由目标资源标识的服务器的隧道 |
| OPTIONS | 用于描述目标资源的通信选项 |
| TRACE | 沿着到目标资源的路径执行一个消息环回测试 |
| PATCH | 用于对资源应用部分修改 |
1.2 状态码
1xx
指示信息，表示请求已接收，继续处理
2xx
成功，表示请求已被成功接收、理解、接受
3xx
重定向，要完成请求必须进行更进一步的操作
4xx
客户端错误，请求有语法错误或请求无法实现
5xx
服务器端错误，服务器未能实现合法的请求
1.3 常用请求头
| Accept | 接收类型，表示浏览器支持的MIME类型(对标服务端返回的Content-Type) |
|---|---|
| Content-Type | 客户端发送出去实体内容的类型 |
| Cache-Control | 指定请求和响应遵循的缓存机制，如no-cache |
| lf-Modified-Since | 对应服务端的Last-Modified，用来匹配看文件是否变动，只能精确到1s之内 |
| Expires | 缓存控制，在这个时间内不会请求，直接使用缓存，服务端时间 |
| Max-age | 代表资源在本地缓存多少秒，有效时间内不会请求，而是使用缓存 |
| lf-None-Match | 对应服务端的ETag，用来匹配文件内容是否改变（非常精确) |
| Cookie | 有cookie并且同域访问时会自动带上 |
| Referer | 该页面的来源URL(适用于所有类型的请求，会精确到详细页面地址, csrf拦截常用到这个字段) |
| Origin | 最初的请求是从哪里发起的(只会精确到端口），Origin比Referer更尊重隐私 |
| User-Agent | 用户客户端的一些必要信息，如UA头部等 |
1.4 缓存
强缓存
-
Expires，时间戳
-
Cache-Control
-
可缓存性
- no-cache：协商缓存验证
- no-store：不使用任何缓存
-
到期
- max-age：单位是秒,存储的最大周期，相对于请求的时间
-
重新验证*重新加载
- must-revalidate：一旦资源过期，在成功向原始服务器验证之前,不能使用
-
协商缓存
-
Etag/lf-None-Match：资源的特定版本的标识符，类似于指纹
-
Last-Modified/lf-Modified-Since：最后修改时间
2 场景分析
同源策略是一个重要的安全策略，它用于限制一个origin的文档或它加载的脚本如何能与另一个源的资源进行交互。能够减少恶意文档，减少可能被攻击媒介。 如果两个URL的协议、域名、端口号都相同，就称这两个URL同源。
2.1 静态资源方案
缓存+CDN+文件名hash
CDN的全称是Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输得更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容，解决 Internet网络拥挤的状况，提高用户访问网站的响应速度。
2.2 跨域解决方案
- jsonp跨域
- 代理服务器
- 跨域资源共享CORS
- Iframe
