المهارات @delon/cache Caching Strategies
💾

@delon/cache Caching Strategies

آمن

تنفيذ التخزين المؤقت في Angular باستخدام @delon/cache

غالبًا ما تُجري تطبيقات Angular طلبات API زائدة تُبطئ الأداء وتزيد حمل الخادم. توفر هذه المهارة أنماطًا جاهزة للتنفيذ للتخزين المؤقت في الذاكرة وLocalStorage وSessionStorage مع انتهاء صلاحية TTL ومع اعتراضات HTTP.

يدعم: Claude Codex Code(CC)
⚠️ 65 ضعيف
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "@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

التدقيق الأمني

آمن
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 مؤقتًا وتقليل حمل الخادم.

جرّب هذه الموجهات

إعداد التخزين المؤقت الأساسي 
كيف أهيّئ @delon/cache في إعدادات تطبيق Angular مع انتهاء صلاحية TTL؟
اختيار نوع التخزين المؤقت 
متى ينبغي أن أستخدم التخزين المؤقت في الذاكرة مقابل LocalStorage مقابل SessionStorage في Angular؟
التخزين المؤقت عبر HTTP 
أنشئ اعتراض HTTP باستخدام @delon/cache لتخزين طلبات GET مؤقتًا مع انتهاء صلاحية لمدة 5 دقائق.
أنماط التخزين المؤقت 
أرني كيفية تنفيذ نمطي cache-aside وread-through باستخدام طريقة getOrSet.

أفضل الممارسات

  • استخدم مفاتيح تخزين مؤقت وصفية وهرمية مثل 'users:123' أو 'tasks:blueprint:abc'
  • اضبط قيم TTL بناءً على تقلب البيانات: أقصر للبيانات الديناميكية وأطول للبيانات الثابتة
  • أبطِل التخزين المؤقت دائمًا عند تغيّر البيانات الأساسية لمنع القراءات القديمة

تجنب

  • تخزين كل البيانات مؤقتًا دون مراعاة متطلبات الحداثة
  • استخدام مفاتيح تخزين مؤقت عامة تسبب تصادمات بين أنواع البيانات
  • تعيين TTL غير محدود دون انتهاء صلاحية مما يسبب تضخم الذاكرة

الأسئلة المتكررة

ما أنواع التخزين المؤقت التي يدعمها @delon/cache؟
التخزين المؤقت في الذاكرة (افتراضي، سريع لكنه يُفقد عند التحديث)، وLocalStorage (مستمر عبر الجلسات)، وSessionStorage (يبقى ضمن جلسة المتصفح).
كيف أضبط وقت انتهاء صلاحية التخزين المؤقت؟
مرّر خيار expire بالميلي ثانية عند استدعاء set()، مثل: expire: 5 * 60 * 1000 لمدة 5 دقائق.
هل يمكنني استخدام هذا مع Angular HttpClient؟
نعم، أنشئ اعتراض HTTP يتحقق من التخزين المؤقت قبل الطلبات ويخزن كائنات HttpResponse.
هل البيانات المخزنة مؤقتًا آمنة؟
تُخزَّن البيانات في تخزين المتصفح. تجنب تخزين المعلومات الحساسة مثل الرموز أو البيانات الشخصية.
لماذا لا يعمل التخزين المؤقت لدي؟
تحقق من أن @delon/cache مُوفَّر بشكل صحيح في إعدادات التطبيق، وأن المفاتيح متطابقة تمامًا، وأن البيانات لم تنتهِ صلاحيتها.
كيف يقارن هذا بحلول التخزين المؤقت الأخرى في Angular؟
يوفر @delon/cache واجهة برمجة بسيطة مع عدة خلفيات للتخزين. للاحتياجات المعقدة، ضع في الاعتبار ngx-cache أو حلولًا مخصصة.

تفاصيل المطور

المؤلف

7Spade

الترخيص

MIT

المستودع

https://github.com/7Spade/ng-dragon/tree/main/.github/skills/delon-cache

مرجع

main

بنية الملفات

📄 SKILL.md