صيغة توجيه use:
طبّق إجراء Svelte على عنصر DOM باستخدام توجيه use:
صيغة توجيه use: درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
الإجراءات في Svelte
الإجراء هو دالة تعمل عند تثبيت عنصر. ويُستدعى باستخدام التوجيه use:.
إجراء أساسي
يتلقى الإجراء عقدة DOM كوسيط له.
function highlight(node) {
node.style.background = "yellow";
}التطبيق باستخدام use:
أرفق الإجراء بأي عنصر باستخدام use:action.
<p use:highlight>I am highlighted</p>لماذا نستخدم الإجراءات
تغلف الإجراءات سلوك DOM الإجرائي، مثل التركيز والتقاطع والسحب، لإعادة استخدامه.
لا حاجة إلى ترميز واجهة
لا تعرض الإجراءات أي شيء؛ بل تضيف سلوكًا إلى العناصر الموجودة.
إجراءات متعددة
يمكنك تطبيق عدة إجراءات على عنصر واحد باستخدام توجيهات use: متعددة.
<div use:trap use:scroll>توفيرها في المكتبات
تعرض العديد من مكتبات Svelte سلوكها على هيئة إجراءات لتسهيل دمجها.
الاستيرادات
الإجراءات دوال عادية، لذا استوردها كما تستورد أي وحدة.
import { clickOutside } from "$lib/actions";تلميحات الأنواع
حدّد أنواع الإجراءات باستخدام النوع العام Action<Element, Params> من svelte/action.
الوعي بدورة الحياة
تعمل الإجراءات بعد التثبيت، لذلك تكون العقدة موجودة في DOM عند تنفيذها.
من البسيط إلى القوي
قد تكون الإجراءات صغيرة جدًا كسطر واحد، أو غنية بالميزات كغلاف لمكتبة.
تحقق سريع
كيف تُرفق إجراءً؟
مراجعة
الإجراءات دوال تُستدعى عبر use:. وتتلقى عقدة DOM وتضيف سلوكًا إجرائيًا.
الأسئلة الشائعة
هل درس «صيغة توجيه use:» مجاني؟
نعم — نص درس «صيغة توجيه use:» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «صيغة توجيه use:»؟
طبّق إجراء Svelte على عنصر DOM باستخدام توجيه use: تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.
كم من الوقت يستغرق درس «صيغة توجيه use:»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- صيغة توجيه use:
- معلمات الإجراءات وتحديثاتها
- دالة التنظيف destroy()
- إجراءات عملية: clickOutside وtooltip وautofocus