HTTP相关
HTTP 超文本传输协议 : Hyper Text Transfer Protocol
- 应用层协议,基于TCP协议
- 请求 响应
- 简单可扩展
- 无状态
HTTP的发展经过很多的版本变更,目前来说最泛用的版本是1.1版本,这也是HTTP的标准化协议。现在也已经推出了HTTP/2,其相对于之前的1.1版本来说具有更优异的表现,很多大厂的应用也在支持HTTP2协议。目前HTTP协议也在不断地更新中,HTTP/3现在正处于草案阶段。
| 2XX | 成功,表示请求已被成功接收、理解、接受 | 200 OK —— 客户端请求成功 |
|---|---|---|
| 3XX | 重定向,要完成请求必须进行更进一步的操作 | 301 —— 资源(网页等)被永久转移到其它URL 302 —— 临时跳转 |
| 4XX | 客户端错误,请求有语法错误或请求无法实现 | 401 Unauthorized —— 请求未经授权 404 —— 请求资源不存在,可能是输入了错误的URL |
| 5XX | 服务器端错误,服务器未能实现合法的请求 | 500 —— 服务器内部发生了不可预期的错误 504 Gateway Timeout —— 网关或者代理的服务器无法在规定的时间内获得想要的响应 |
常用请求头
| 请求头 | 含义 |
|---|---|
| Accept | 接收类型,表示浏览器支持的MIME类型(对标服务端返回的Content-Type) |
| Content-Type | 客户端发送出去实体内容的类型 |
| Cache-Control | 指定请求和响应遵循的缓存机制 |
| If-Modified-Since | 对应服务端的Last-Modified,用来匹配看文件是否变动,只能精确到1s之内 |
| Expires | 缓存控制,在这个时间内不会请求,直接使用缓存,服务端时间 |
| Max-age | 代表资源在本地缓存多少秒,有效时间内不会请求,而是使用缓存 |
| If-None-Match | 对应服务端的ETag,用来匹配文件内容是否改变(非常精确) |
| Cookie | 有cookie并且同域访问会自动带上 |
| Referer | 该页面的来源URL |
| Origin | 最初的请求是从哪里发起的,Origin比Referer更尊重隐私 |
| User-Agent | 用户客户端的一些必要信息 |
常用响应头
| 响应头 | 含义 |
|---|---|
| Content-Type | 服务端返回的实体内容的类型 |
| Cache-Control | 指定请求和响应遵循的缓存机制 |
| Last-Modified | 请求资源的最后修改时间 |
| Expires | 应该在什么时候认为文档已经过期,从而不再缓存它 |
| Max-age | 客户端的本地资源应该缓存多少秒,开启了Cache-Control后有效 |
| ETag | 资源的特定版本的标识符,Etags类似于指纹 |
| Set-Cookie | 设置和页面关联的cookie,服务器通过这个头部把cookie传给客户端 |
| Server | 服务器的一些相关信息 |
| Access-Control-Allow-Origin | 服务器端允许的请求Origin头部 |
强制缓存与协商缓存
强制缓存的过程是浏览器在第一次访问服务器时向服务器发送请求,服务器返回资源,之后浏览器再请求资源之前先通过max-age判断缓存有没有过期,没有过期的话直接从缓存里拿资源.通过Cache-Control来进行强制缓存的控制,其控制分为三个方面:第一个方面为可缓存性,通过no-cache设置协商缓存验证,通过no-store不使用任何缓存;第二个方面为缓存到期时间,通过max-age进行设置,单位为秒,表示存储的最大周期,相对于请求的时间;第三个方面为重新验证与重新加载,通过must-revalidate进行设置,一旦资源过期,在成功向原始服务器验证之前,不能使用。
协商缓存,这是一种服务端的缓存策略,其过程是浏览器向服务器发送请求,服务器返回资源和资源标识,浏览器再次请求资源时需向服务器发送请求和资源标识,服务器对资源标识进行判定,如果不是最新资源返回200状态码和最新资源与新的资源标识,如果是最新资源,服务器返回304状态码,直接从缓存中拿资源。
HTTP/2概述
特点是:更快、更稳定、更简单
主要特点有如下几个:
- 在HTTP/2中使用帧(frame)作为通信的最小单位,每个帧都包含帧头,帧头会标识出当前帧所属的数据流。
- 用二进制进行传输。
HTTPS
HTTPS的全称是“Hypertext Transfer Protocol Secure”,其采用TSL/SSL加密。
状态码200,一定发起了请求吗?
很明显,这个问题的答案是状态码200不一定发起了请求,通过之前的学习,我们知道浏览器中存在缓存机制,当使用强制缓存的时候,不需要发送请求到服务器,会直接读取浏览器本地缓存,在Chrome的Network中显示的HTTP状态码就为200。
缓存策略是怎么样的?
强制缓存中默认的Cache-Control为一年。
静态资源方案
缓存 + CDN + 文件名hash
CDN的全称是“Content Delivery Network”,其通过用户就近性和服务器负载的判断,确保内容以一种极为高效的方式为用户的请求提供服务。
同源/跨域
只要协议、域名、端口号三者中有一个不一样就是跨域,否则就是同源。
对于跨域问题的解决方案有:CORS、代理服务器、Iframe(存在诸多不便)
总结
简单了解HTTP之后对于日后构建Web是有很大价值的。