常用的前端缓存有哪些？举例说明

浏览器第一次向服务器发起请求拿到结果，会根据 http 头的缓存标识决定是否缓存结果，是则将结果和缓存标识存入浏览器缓存中；1）、http缓存：强缓存、协商缓存强缓存：200Expires：代表资源过期时间，由服务器返回提供（http1.0）,在与max-age(http1.1)共存的情况下，优先级要低Cache-Control： no-store：所有内容不缓存no-cache：缓存，但是每次缓存都会请求浏览器判断缓存资源是否是最新max-age=x(秒)：请求缓存后 x 秒内不在发起请求（http1.1）s-maxage=x：代理服务器（CDN）请求源站缓存后 x 秒不在发起请求（只对 CDN 有效）public：客户端和代理服务器（CDN）都可缓存private：只有客户端可以缓存协商缓存：304Last-Modified / If-Modified-Since：第一次访问一个资源的时候，服务器返回最后修改时间 Last-Modified，再次请求时请求头里会带上 If-Modified-Since，值为上次请求服务器返回的 Last-Modified；对比值是否相同（相同则没修改），确认资源在这段时间是否修改过，没有返回304，有返回200，获取最新资源。Etag / If-None-Match：Etag是通过一个校验码来对比资源是否更改过的，一个资源修改时校验码会改变。第一次请求，服务器返回一个 Etag字段，再次请求时请求头会带上 If-None-Match，值是上次返回的 Etag，然后对比。2）、浏览器缓存：本地缓存（cookie、localStorage、sessionStorage）、默认缓存本地存储小容量：cookie：4kb，请求时传递给服务器localStorage：5M，永久存储sessionStorage：5M，当标签页被关闭时，SessionStorage也会被清除本地存储大容量：（在线编辑浏览器或者网页邮箱）WebSql：50M左右，关系型数据库，已被 W3C 废弃。IndexDB：50M左右，非关系型数据库，正常使用。往返缓存：又被称为 BFCache，是浏览器前进后退按钮上为了提升渲染速度的一种策略；当用户前往新页面的时候，将当前页面的DOM保存到 BFCache 中，用户后退时直接从 BFCache 中加载，节省请求时间。3）、缓存的好处1、减小服务器压力2、节省客户端流量，避免重复请求同样的内容

DreamCoders/CoderGuide

内容风险标识

评论 (0)

DreamCoders/CoderGuide .gitee-modal { width: 500px !important; }

内容风险标识