浏览器缓存 All In One

浏览器缓存 All In One

HTTP 缓存

1. 强缓存

Expired:
Cache-Control:

• max-age
• no-cache
• no-store
• s-maxage
• ...

2. 协商缓存

ETag / If-None-Match
Last-Modified / If-Modified-Since

demos

HTTP Headers 不区分大小写 ✅

HTTP headers are not case sensitive ❓

https://stackoverflow.com/questions/5258977/are-http-headers-case-sensitive

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/

https://web.dev/http-cache/

(🐞 反爬虫测试！打击盗版⚠️）如果你看到这个信息, 说明这是一篇剽窃的文章，请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章！

本地缓存

cookie
localStorage
sessionStorage

数据库缓存

IndexedDB
WebSQL （👎 已废弃）

PWA 缓存

Service Workers

CDN 缓存

服务端缓存

session

Nginx
Redis
ES
SQLite

应用场景

OSS
单点登录
token

Access-Control

CORS

Access-Control-Allow-Origin
Access-Control-Allow-Methods
Access-Control-Request-Headers
Access-Control-Expose-Headers

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Expose-Headers

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Methods

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Request-Headers

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Expose-Headers

refs

https://www.cnblogs.com/xgqfrms/p/16408499.html

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control

https://developer.mozilla.org/en-US/docs/Web/API/Cache

---

---

©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---