ZephJS هو إطار عمل سهل ومفهوم وخفيف للغاية لتعريف مكونات الويب واستخدامها. إنه مثالي للأشخاص الذين يكتبون مكتبات المكونات، أو فرق بناء التطبيقات أو المواقع التي تتطلب فقط بعض المكونات المخصصة، أو المشاريع التي تبني تطبيقات كاملة لا تحتاج إلى كل ثقل إطار عمل متصفح JavaScript الحديث. يعمل ZephJS على تبسيط عملية تعريف مكونات الويب المخصصة في بنية تعريفية وسهلة القراءة للغاية تستخدم JavaScript القياسي وعلامات HTML القياسية وتصميم CSS القياسي.
يهدف ZephJS إلى إعادة السهولة الموعودة لمكونات الويب إلى المجتمع. ويتم ذلك من خلال الالتزام بالمبادئ التالية:
غالبًا ما يُطلق على ZephJS اسم "Zeph" ويُنطق "Zef".
يتمتع ZephJS بالميزات التالية...
لدى ZephJS أربع حالات استخدام مختلفة يمكن معالجتها عند البدء:
اختر أفضل طريقة للبدء بالنسبة لك وابدأ في استخدام ZephJS اليوم!
يوفر ZephJS عددًا كبيرًا من الوثائق لمساعدتك في استخدامه...
ابدء
عناصر
خدمات
واجهات برمجة التطبيقات
التجميع
أداة سطر الأوامر
يأتي ZephJS مزودًا بأداة سطر أوامر صغيرة (CLI) للمساعدة في تلبية احتياجاتك المتعلقة بـ ZephJS. يتم تثبيت هذا محليًا عند تثبيت ZephJS عبر npm ويمكن الوصول إليه باستخدام أمر shell zeph
. لديه بناء الجملة التالي:
zeph < command >
هناك عدد من الأوامر التي يمكنك القيام بها. بسرعة كبيرة:
hello
: أنشئ المثال لتطبيق helloworld.create
: قم بإنشاء مكون جديد يتضمن ملفات كعب الروتين .js و.html و.css.serve
: قم بتشغيل خادم ويب صغير على http://localhost:4000 والذي سيخدم الدليل الحالي.bundle
: قم بتجميع مكونات ZephJS المتعددة في ملف واحد.لمزيد من المعلومات، راجع وثائقنا على واجهة سطر أوامر Zeph.
يأتي ZephJS مع مجموعة من الأمثلة للرجوع إليها.
مثال QuickStart: مثالنا من دليل البدء السريع.
BasicComponent: مثال على المكون الأساسي.
HelloBadge: مثال أكبر قليلًا لمكون يستخدم مكونًا ثانيًا.
exampleCollection: مثال على تجميع عدة مكونات معًا في ملف واحد يسمى مجموعة.
exampleService: مثال على استخدام فئة ZephService لإنشاء خدمة قابلة لإعادة الاستخدام.
RatingStars: مثال على استخدام الموارد والتجميع.
تم تصميم ZephJS وفقًا لمعايير المتصفح الحديثة وبالتالي يتطلب متصفحًا حديثًا للعمل. ويتطلب على وجه الخصوص معايير الويب التالية: Shadow DOM v1، وCustom Elements v1، وMution Observer، وFetch.
يشير مخطط توافق المتصفح التالي إلى المتصفحات المدعومة وأيها غير مدعومة. (جميع إحصائيات المتصفح مأخوذة من caniuse.com وتستخدم بموجب شروط ترخيصهم.)
المتصفح | الحد الأدنى من الإصدار المطلوب | ملحوظات |
---|---|---|
فايرفوكس | 63 | |
الكروم | 54 | |
سفاري | 10.1 | :host و ::المحددات الزائفة ذات فترة زمنية محددة هي عربات التي تجرها الدواب. |
الأوبرا | 41 | |
مايكروسوفت ايدج | 15 (مع بوليفيل) | يتطلب استخدام بوليمر بوليفيل. راجع وثائق ZephJS Polyfill. |
مايكروسوفت إنترنت إكسبلورر | غير مدعوم | |
سفاري آي أو إس | 10.3 | :host و ::المحددات الزائفة ذات فترة زمنية محددة هي عربات التي تجرها الدواب. |
متصفح أندرويد | 67 | |
متصفح بلاك بيري | غير مدعوم | لا يوجد دعم مثل ov v10. |
أوبرا موبايل | 46 | |
كروم لنظام أندرويد | 71 | |
فايرفوكس لالروبوت | 64 | |
آي موبايل | غير مدعوم | لا يوجد دعم اعتبارًا من الإصدار 11 |
متصفح UC للاندرويد | 11.8 | |
إنترنت سامسونج | 6.2 | |
متصفح كيو كيو | غير مدعوم | لا يوجد دعم اعتبارًا من الإصدار 1.2 |
متصفح بايدو | غير مدعوم | لا يوجد دعم اعتبارًا من الإصدار 7.12 |
(آخر تحديث للرسم البياني في 25 فبراير 2019) |
تمت كتابة ZephJS وصيانته بواسطة شركة Awesome Engineering Company. تؤمن شركة Awesome Engineering ببناء برامج نظيفة وقابلة للتكوين ومبتكرة للمهندسين والمعماريين والعملاء.
لمعرفة المزيد عن The Awesome Engineering Company ومجموعة منتجاتنا، تفضل بزيارتنا على الويب على https://awesomeeng.com.
تتم صيانة هذا المنتج ودعمه بواسطة شركة Awesome Engineering. للحصول على الدعم، يرجى تقديم مشكلة أو الاتصال بنا عبر Webiste لدينا على https://awesomeeng.com. وسوف نبذل قصارى جهدنا للرد عليك في الوقت المناسب.
يتم إصدار ZephJS بموجب ترخيص MIT. يرجى قراءة ملف الترخيص للحصول على التفاصيل.