🔍 GitHub 用户搜索 — 三种方案对比

Axios 直接请求 vs 模拟 TanStack Query 缓存 vs 模拟 SWR (stale-while-revalidate)

输入关键词，点击搜索对比三种方案的表现
Axios 直接请求
0
请求次数
-
平均响应
无缓存
TanStack Query (模拟缓存)
0
请求次数
-
平均响应
缓存就绪
SWR (stale-while-revalidate)
0
请求次数
-
平均响应
缓存就绪
📡

输入关键词搜索

Axios 每次请求都会直接调用 GitHub API，无缓存策略

📦

输入关键词搜索

TanStack Query 使用内存缓存 + GC 策略，相同 key 复用缓存

🔄

输入关键词搜索

SWR 策略：立即返回缓存（stale）→ 后台请求（revalidate）→ 更新 UI

📝 事件日志
[系统] Demo 已就绪，输入关键词开始对比