前端常见的三种缓存方式

一、http缓存

A、强缓存：Expires,Cache-Control

B、协商缓存:Etag/If-None-Match、Last-Modified/If-Modified-Since

执行流程：1、强缓存未失效，从缓存中读取数据，cache-control优先级高于Expires。2、强缓存已失效，执行协商缓存，Etag的优先级高于last-Modified。3、缓存未失效从缓存中读取数据返回304状态码。4）缓存已失效返回资源和200状态码。

二、浏览器缓存

1、本地小容量缓存

Cookie：会在在同源的http请求中携带，不能超过4K，参与和服务器交互。

LocalStorage：只要不手动清除就会一直存，限制最多5M。

SessionStorage：仅在当前窗口关闭前有效，限制最多5M。

2、本地大容量缓存

websql

IndexDB

三、应用程序存储

1、PWA