انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: واجهة Utilities API وتحسين الأداء في بوتستراب 5

Creating Custom Utilities إنشاء كلاسات خدمية مخصصة

أتقن واجهة Utilities API في بوتستراب 5.3 لإنشاء كلاسات خدمية مخصصة متجاوبة وتفاعلية، وحذف الأدوات غير المستخدمة، والاستيراد الانتقائي لوحدات جافاسكريبت وتحسين أداء حزمة الإنتاج.
2 صفوف تعليمية
بوتستراب 5
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

لإنشاء أداة خدمية جديدة كلياً — مثل كلاسات التحكم بشكل مؤشر الفأرة .cursor-pointer و.cursor-grab — نمرر كائناً إلى خريطة $utilities يحدد ثلاثة مفاتيح واضحة: property لاسم خاصية CSS المستهدفة، وclass لبادئة اسم الكلاس اختيارياً، وvalues لقائمة القيم المطلوب توليدها:

الصف 2 كود برمجي
HTML 
<!-- Generated via Utilities API:
  "cursor": (property: cursor, class: cursor,
    values: pointer grab not-allowed)
-->
<div class="d-flex gap-2">
  <span class="p-2 border cursor-pointer">Click</span>
  <span class="p-2 border cursor-grab">Drag</span>
</div>
جرّب بنفسك

جميع فقرات هذا الدرس (واجهة Utilities API وتحسين الأداء في بوتستراب 5)