المحتوى الاحتياطي للفتحات
اعرض محتوى افتراضيًا داخل عندما لا يقدّم المكوّن الأصل شيئًا
المحتوى الاحتياطي للفتحات درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
المحتوى الافتراضي داخل slot
يظهر المحتوى الموضوع داخل وسم <slot> عندما لا يوفّر المكوّن الأب أي محتوى.
<button>
<slot>Click me</slot>
</button>أفضل القيم الافتراضية
وفّروا قيمًا افتراضية مناسبة تعمل في معظم الحالات من دون تدخل المكوّن الأب.
القيم الاحتياطية لـ slots المسمّاة
تدعم slots المسمّاة المحتوى الاحتياطي أيضًا.
<slot name="title">Default Title</slot>استراتيجية لكل slot
يمكنكم استخدام استراتيجيات احتياطية مختلفة لكل slot، ودمجها حسب الحاجة.
استبداله عند الملء
إذا وفّر المكوّن الأب محتوى، فسيُستبدل المحتوى الاحتياطي بالكامل.
مفيد للمكوّنات عديمة الواجهة
غالبًا ما تحتوي مكوّنات Headless UI على محتوى احتياطي محدود؛ إذ يخصّصها المستهلكون بالكامل.
تجنبوا المحتوى الاحتياطي الكبير
أبقوا القيم الافتراضية صغيرة. فالمحتوى الاحتياطي الكبير يزيد حجم المكوّنات غير المستخدمة.
الأيقونات والتسميات
هذا شائع في أزرار الأيقونات: يعرض المحتوى الاحتياطي أيقونة عامة إذا لم تُوفَّر أيقونة.
الدمج مع الشروط
يندمج المحتوى الاحتياطي جيدًا مع عمليات التحقق من $$slots لإنشاء أنماط متقدمة.
هل markup غير مسموح؟
يمكن أن يتضمن المحتوى الاحتياطي أي markup، بما في ذلك المكوّنات الأخرى.
اختبار مرئي
اعرضوا المكوّن دائمًا من دون أي محتوى للـslot لرؤية المحتوى الاحتياطي.
تحقق سريع
متى يظهر المحتوى الاحتياطي للـslot؟
مراجعة
ضعوا المحتوى الافتراضي بين وسمَي <slot> لتوفير محتوى احتياطي عندما يحذف المكوّن الأب المحتوى.
الأسئلة الشائعة
هل درس «المحتوى الاحتياطي للفتحات» مجاني؟
نعم — نص درس «المحتوى الاحتياطي للفتحات» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «المحتوى الاحتياطي للفتحات»؟
اعرض محتوى افتراضيًا داخل عندما لا يقدّم المكوّن الأصل شيئًا تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «المحتوى الاحتياطي للفتحات»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- الفتحات الافتراضية لإسقاط المحتوى
- الفتحات المسمّاة باستخدام slot="name"
- المحتوى الاحتياطي للفتحات
- التحقق من محتوى الفتحات باستخدام $$slots