HTTP学习笔记

一、缓存

缓存是一种保存资源副本并在下次请求时直接使用该副本的技术。实现过程就是，当 web 缓存发现请求的资源已经被存储过了，它就会拦截请求返回该资源的拷贝，而不会去源服务器重新下载

缓存技术有很多，比如代理缓存、浏览器缓存、网关缓存、负载均衡等

https://blog.csdn.net/qq_38910842/article/details/104960509

https://www.cnblogs.com/xiaoweihuang/p/10134656.html

https://www.jianshu.com/p/ddf33f5eb555

1. service Worker
2. Memory Cache
3. Disk Cache
4. Push Cache

浏览器请求时，会按照如上的优先级顺序，进行查找缓存，都没有命中时，才会去请求网络。

 

个人理解部分：

1.关于强缓存的那个expires的缺点是这样的

expires的值是服务器设置返回到响应头里的，浏览器会把它和客户端本地的时间对比

没超过就命中这个缓存，超过了，就不命中这个缓存了，失效了，这里是命中硬盘缓存

也就是disk cache 

这就是expires缓存的思路

expires 的值是一个时间戳，表示本地时间到这个设置的时间缓存就失效。这样一来 expires 就是有问题的，受限于本地时间，如果服务端和客户端的时间设置可能不同，或者我直接手动去把客户端的时间改掉，那么 expires 将无法达到我们的预期。

2.catch-control解决了这个问题，它返回一个max-age=xxx，这个时间的计算是这样的，当你没有，访问一次之后，会反给你max-age=xxx，它会从你这次访问开始计算时间过去了多久，只要没超过max-age，就一直走缓存，知道过期，下次再访问就不是缓存了，然后又会作为第一次访问开始计算，如此往复，这就是catch-control缓存的思路

3.Cache-Control 和 Expires 可以在服务器端配置同时启用，同时启用的时候 Cache-control 的优先级高

4.一直觉得缓存好像后端设置的，返回到响应头，但是看了下好像前端也能设置 meta里

https://www.imooc.com/wenda/detail/550154

https://blog.csdn.net/weixin_30731305/article/details/97321137

但是试了下，没生效。。

关于html meta标签，各种属性 http://www.manongjc.com/article/149924.html 

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta