技能 @delon/cache Caching Strategies
💾
@delon/cache Caching Strategies
安全
使用 @delon/cache 實作 Angular 快取
Angular 應用程式經常發出多餘的 API 呼叫，這會降低效能並增加伺服器負載。本技能提供可立即使用的模式，用於實作記憶體、LocalStorage 和 SessionStorage 快取，支援 TTL 過期和 HTTP 攔截器。
支持: Claude Codex Code(CC)
1
下载技能 ZIP
2
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
3
开启并开始使用
测试它
正在使用“@delon/cache Caching Strategies”。 如何在 Angular 應用程式中配置 @delon/cache？
预期结果:
- 在應用程式設定中匯入 provideDelonCache
- 將模式設定為 'promise' 或 'none'
- 以毫秒為單位設定預設 TTL（例如：3600000 為 1 小時）
- 可選設定 request_method、prefix 和 meta_key
安全审计
安全v3 • 1/10/2026
Pure documentation skill containing only markdown and TypeScript code examples for Angular caching. No executable scripts, network calls, or filesystem access beyond reading the skill file. Behavior matches stated purpose.
1
已扫描文件
610
分析行数
0
发现项
3
审计总数
未发现安全问题
审计者: claude 查看审计历史 →
质量评分
38
架构
100
可维护性
81
内容
21
社区
100
安全
61
规范符合性
你能构建什么
減少 API 呼叫
快取頻繁存取的資料以減少網路請求並提高應用程式的回應速度。
保留使用者工作階段
使用 LocalStorage 在瀏覽器工作階段之間儲存使用者偏好設定和工作階段資料。
最佳化資料擷取
實作 HTTP 攔截器以快取 GET 回應並減少伺服器負載。
试试这些提示
基本快取設定
如何在 Angular 應用程式設定中配置 @delon/cache 並設定 TTL 過期？
快取類型選擇
在 Angular 中，何時應該使用記憶體快取、LocalStorage 和 SessionStorage？
HTTP 快取
使用 @delon/cache 建立 HTTP 攔截器以快取 GET 請求，並設定 5 分鐘過期時間。
快取模式
展示如何使用 getOrSet 方法實作快取旁路和讀取穿透模式。
最佳实践
- 使用描述性、分層的快取金鑰，例如 'users:123' 或 'tasks:blueprint:abc'
- 根據資料變動性設定 TTL 值：動態資料設較短，靜態資料設較長
- 當基礎資料變更時務必使快取失效，以防止讀取過時資料
避免
- 快取所有資料而不考慮新鮮度需求
- 使用會導致資料類型衝突的通用快取金鑰
- 設定無限 TTL 而不過期導致記憶體膨脹
常见问题
@delon/cache 支援哪些快取類型？
記憶體快取（預設，快速但重新整理後會遺失）、LocalStorage（跨工作階段持續存在）和 SessionStorage（在瀏覽器工作階段內持續存在）。
如何設定快取過期時間？
呼叫 set() 時傳入以毫秒為單位的 expire 選項，例如：expire: 5 * 60 * 1000 為 5 分鐘。
可以與 Angular HttpClient 搭配使用嗎？
可以，建立 HTTP 攔截器在請求前檢查快取並儲存 HttpResponse 物件。
快取資料安全嗎？
資料儲存在瀏覽器儲存空間中。避免快取敏感資訊，例如權杖或個人資料。
為什麼我的快取無法運作？
確認 @delon/cache 在應用程式設定中正確提供，金鑰完全匹配，且資料尚未過期。
這與其他 Angular 快取解決方案相比如何？
@delon/cache 提供簡單的 API 和多種儲存後端。對於複雜需求，可考慮 ngx-cache 或自訂解決方案。