@delon/cache Caching Strategies
تنفيذ التخزين المؤقت في Angular باستخدام @delon/cache
غالبًا ما تُجري تطبيقات Angular طلبات API زائدة تُبطئ الأداء وتزيد حمل الخادم. توفر هذه المهارة أنماطًا جاهزة للتنفيذ للتخزين المؤقت في الذاكرة وLocalStorage وSessionStorage مع انتهاء صلاحية TTL ومع اعتراضات HTTP.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「@delon/cache Caching Strategies」。 How do I configure @delon/cache in my Angular app?
預期結果:
- استورد provideDelonCache في إعدادات التطبيق
- اضبط mode على 'promise' أو 'none'
- هيّئ TTL الافتراضي بالميلي ثانية (مثلاً 3600000 لمدة ساعة واحدة)
- اختياريًا اضبط request_method وprefix وmeta_key
安全審計
安全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.
品質評分
你能建構什麼
تقليل طلبات API
خزّن البيانات التي يتم الوصول إليها بشكل متكرر لتقليل طلبات الشبكة وتحسين استجابة التطبيق.
استمرارية جلسات المستخدم
خزّن تفضيلات المستخدم وبيانات الجلسة عبر جلسات المتصفح باستخدام LocalStorage.
تحسين جلب البيانات
نفّذ اعتراضات HTTP لتخزين استجابات GET مؤقتًا وتقليل حمل الخادم.
試試這些提示
كيف أهيّئ @delon/cache في إعدادات تطبيق Angular مع انتهاء صلاحية TTL؟
متى ينبغي أن أستخدم التخزين المؤقت في الذاكرة مقابل LocalStorage مقابل SessionStorage في Angular؟
أنشئ اعتراض HTTP باستخدام @delon/cache لتخزين طلبات GET مؤقتًا مع انتهاء صلاحية لمدة 5 دقائق.
أرني كيفية تنفيذ نمطي cache-aside وread-through باستخدام طريقة getOrSet.
最佳實務
- استخدم مفاتيح تخزين مؤقت وصفية وهرمية مثل 'users:123' أو 'tasks:blueprint:abc'
- اضبط قيم TTL بناءً على تقلب البيانات: أقصر للبيانات الديناميكية وأطول للبيانات الثابتة
- أبطِل التخزين المؤقت دائمًا عند تغيّر البيانات الأساسية لمنع القراءات القديمة
避免
- تخزين كل البيانات مؤقتًا دون مراعاة متطلبات الحداثة
- استخدام مفاتيح تخزين مؤقت عامة تسبب تصادمات بين أنواع البيانات
- تعيين TTL غير محدود دون انتهاء صلاحية مما يسبب تضخم الذاكرة