مكونات طريقة التنفيذ – نظرة عامة

مكونات طريقة التنفيذ

"HowTo: المكونات" هي مجموعة من مكونات الويب التي تطبق واجهة مستخدم مشتركة أنماط. الغرض من هذه الإجراءات هو أن تكون مصدرًا تعليميًا. يمكنك الاطلاع على تنفيذ التعليقات المكثفة لمختلف المكونات ونأمل أن نتعلم منها. يُرجى العِلم أنّها ليست بشكل صريح مكتبة واجهة مستخدم ولا يتم استخدامها في عملية الإنتاج.

  • <howto-checkbox>: يمثّل خيارًا منطقيًا في نموذج. إن النوع الأكثر شيوعًا من مربع الاختيار عبارة عن نوع مزدوج يتيح للمستخدم التبديل بين خيارين - يمكن تحديدهما أو إلغاء تحديدهما.
  • <howto-tabs>: يحدّ من المحتوى المرئي من خلال فصله إلى لوحات متعدّدة.
  • <howto-tooltip>: نافذة منبثقة تعرض معلومات ذات صلة بأحد العناصر عند رصده تركيز لوحة المفاتيح أو تمرير الماوس فوقه.

الأهداف

هدفنا هو توضيح أفضل الممارسات لكتابة مكونات قوية ويمكن الوصول إليه وتنفيذه والمحافظة عليه وسهولة التصميم. يُعد كل مكون مستقل تمامًا بحيث يمكن أن يكون تنفيذًا مرجعيًا.

تسهيل الاستخدام

تتبع المكوّنات بدقة تأليف WAI ARIA الممارسات، وهي دليل شرح وعرض ARIA، تطبيق الإنترنت التفاعلي القابل للوصول . إذا لم تكن على دراية بـ ARIA، اطلع على مقدمتنا حول WebFundamentals يرتبط كل مكون بالقسم ذي الصلة في ممارسات التأليف. بينما ليس ضروريًا للغاية، فنحن نوصي بقراءة قسم الممارسات قبل التعمق في التعليمات البرمجية.

الأداء

مصطلح "الأداء" في تطوير الويب يمكن تطبيقها على العديد من باستمرار. في سياق <howto>، يشير الأداء في الغالب إلى الصور المتحركة باستمرار بسرعة 60 لقطة في الثانية، حتى على الأجهزة المحمولة.

مرونة بصرية

بقدر الإمكان، لا يتم تصميم المكونات، باستثناء التخطيط أو للإشارة إلى حالة محددة أو نشطة. هذا للحفاظ على مرونة التنفيذ من الناحية المرئية والتركيز. وعندما لا نقضي وقتًا في التزيين، نقصر الرمز البرمجي على ضروري للغاية لتشغيل المكون. إذا كان أي نمط مطلوبًا لكي يعمل المكون، سيتم وضع علامة على النمط بتعليق لشرح سبب ذلك.

رمز برمجي قابل للصيانة

مثل HowTo: المكونات هي مرجع تنفيذها، فقد قضينا وقتًا إضافيًا في كتابة نص واضح وسهل التعليمات البرمجية المفهومة التي يتم التعليق عليها بشكل مكثف.

غير الأهداف

كن مكتبة / إطار عمل / مجموعة أدوات

لا يتم نشر مكوّنات <howto> على npm أو bower أو أي نظام أساسي آخر. لأنها لا تُستخدم في الإنتاج. من أجل التبسيط، رموز برمجية قابلة للقراءة، نستخدم واجهات برمجة تطبيقات حديثة لـ JavaScript ونتيح الأنظمة المتصفحات التي تنفذ معايير مكونات الويب. إِنْتَ ستتمكن من تكييف التعليمة البرمجية لتناسب احتياجاتك الخاصة بعد قراءة هذه وعمليات التنفيذ.

التوافق مع الإصدارات القديمة

لا ينبغي الاعتماد على التعليمات البرمجية بشكل مباشر. قد نفعل ونحن على الأرجح تغييرًا جذريًا في تنفيذ وواجهة برمجة التطبيقات لأي عنصر إذا تم إدخال طريقة التنفيذ. إنه مورد قابل للتعديل يمكننا مشاركته، واستكشاف أفضل الممارسات لإنشاء واجهات المستخدم على الويب ومناقشتها.

الاكتمال

نحن لا ننفذ حاليًا (وعلى الأرجح) لن نطبّق *جميع *المكوّنات التي يمكن في WAI ARIA (ممارسات التأليف في WAI ARIA) ومع ذلك، فإن إعادة استخدام المبادئ المستخدمة في مكوّنات <howto> الأخرى، يجب أن يتيح للقرّاء تنفيذ أي مكوّنات. المفقودة.