1. 浏览器缓存
浏览器缓存是提升网页性能的重要手段，主要包括：
- 强缓存：通过Cache-Control和Expires控制
- 协商缓存：通过ETag和Last-Modified验证
- Service Worker：实现离线缓存和PWA
2. 本地存储
前端常用的本地存储方案：
- LocalStorage：永久存储，容量约5MB
- SessionStorage：会话级存储，关闭窗口失效
- IndexedDB：大型结构化数据存储
- Cookie：HTTP请求携带，容量4KB
3. 应用层缓存
在应用层面实现的缓存策略：
// 简单的内存缓存示例
const cache = new Map();
function getData(key) {
if (cache.has(key)) {
return cache.get(key);
}
const data = fetchData(key);
cache.set(key, data);
return data;
}