跳至主要內容
缓存实战(对比前端缓存策略)

1. Redis 缓存的基本模式

// 前端:还记得请求缓存吗?
const cache = new Map();

async function fetchUser(id) {
    if (cache.has(id)) {
        return cache.get(id);          // 缓存命中
    }
    const data = await api.getUser(id); // 查数据库
    cache.set(id, data);               // 写入缓存
    return data;
}

Mr.Ding大约 4 分钟redis缓存穿透击穿雪崩前端转后端
Redis 学习路线 — 前端开发者视角

为什么前端要学 Redis?

场景 之前怎么做 有了 Redis
接口缓存 自己写 Map/WeakMap 缓存 Redis 自带过期、LRU 淘汰
Session 登录态 localStorage / JWT Redis 集中存 Session,多服务器共享
消息通知 WebSocket / 轮询 Redis Pub/Sub
排行榜 JS sort 排序 Redis Zset 有序集合直接搞定
计数器 请求后端接口查数据库 Redis INCR 原子自增
限流 手动计数 Redis 过期时间做滑动窗口

Mr.Ding大约 1 分钟redis学习路线缓存前端转后端