Last-modified,Etag

cache-control,Expires

大部分后端同学可能对这2个都没真正明白

浏览器缓存主要包含两类:

  • 缓存协商:Last-modified,Etag

浏览器问 server 页面是否被修改过,没有返回 304,浏览器直接浏览本地缓存文件,否则服务器返回新内容

  • 彻底缓存:cache-control,Expires

Expires设置缓存失效时间,失效之前不再跟服务器请求交互


h5 时代还有离线缓存

当年流量还很贵的时候,太平洋保险,神行太保

android原生第一版后的 WEB 第二版,可更频率的更新

联想PAD 就利用 H5 离线缓存,业务人员拿PAD,加上在屏幕上数字签名即完成投保,收钱,不用回本部,更直接成单

  • 离线存储为整个web提供服务,浏览器缓存只缓存单个页面
  • 离线存储可以指定需要缓存的文件和哪些文件只能在线浏览,浏览器缓存无法指定
  • 离线存储可以动态通知用户进行更新