浏览器缓存知识点
这是一篇关于浏览器缓存的原理疏解,涉及到浏览器强缓存和协商缓存。 首先我们来看一下 response header 中浏览器缓存字段有哪几个? 强缓存 对于强制缓存来说,header中会有两个字段来标明失效规则(Expires/Cache-Control),指的是当前资源的有效期。 ##来自博客园文章页的请求 response header Cache-Control:private, max-age=10 Connection:keep-alive Content-Type:text/html; charset=utf-8 Date:Thu, 17 Aug 2017 09:28:35 GMT Expires:Thu, 17 Aug 2017 09:28:44 GMT Last-Modified:Thu, 17 Aug 2017 09:28:34 GMT Transfer-Encoding:chunked Vary:Accept-Encoding X-Frame-Options:SAMEORIGIN X-UA-Compatible:IE=10 可以看到这里两个缓存字段都用到了。 Cache-Control 常用 cache-directive 值 Cache-directive 说明 public 所有内容都将被缓存 private 内容只缓存到私有缓存中 no-cache 告诉浏览器、缓存服务器,不管本地副本是否过期,使用资源副本前,一定要到源服务器进行副本有效性校验。…