bem core - تنزيل رمز المصدر bem core

bem core

مكونات الطرف الثالث

v4.3.1

تنزيل

مكتبة Bem-Core

تتوفر الوثائق على bem-core بطريقة أكثر إفادة أيضًا في Bem.info. وهي متوفرة أيضًا باللغة الروسية.

ما هذا؟

bem-core هي مكتبة أساسية لتطوير واجهة الويب. يوفر الحد الأدنى من المكدس لترميز JavaScript من جانب عميل وترميز.

يستخدم

أسهل طريقة لتشغيل مشروع مع bem-core هي استخدام المشروع.

يمكنك استخدام أي طريقة أخرى تعرفها لتضمين المكتبة في المشروع.

داخل

مستويات

common.blocks
desktop.blocks - يجب استخدامها لمتصفحات سطح المكتب
touch.blocks قم بتنفيذ بعض تفاصيل اللمس

كتل

i-bem كتلة أساسية مع مساعدين لـ JS و HTML
strings -مساعدون لسلاسل JS
objects -مساعدين ل JS-Objects
functions -مساعدين لأعمال JS
events JS-events
querystring - مساعدون للعمل مع QueryString
tick - مؤقت عالمي
idle - حدث الخمول
next-tick polyfill لـ nextTick / setTimeout(0, ...)
inherit - مساعدون OOP
jquery - jQuery
clearfix - خدعة CSS Clearfix
identify -تحديد JS-Objects
cookie - مساعدون للعمل مع ملفات تعريف الارتباط للمتصفح
vow - الوعود/A+ تنفيذ
dom - مساعدون للعمل مع DOM
loader - Loader لملفات JS
ua - اكتشاف ميزات المتصفح
keyboard - مساعدي لوحة المفاتيح
page - سقالة HTML/HEAD/BODY

التقنيات

vanilla.js + browser.js
bemhtml
Bemtree

API

يمكن العثور على واجهة برمجة تطبيقات JSDOC المولدة على bem.info. على سبيل المثال JSDOC لـ i-bem هنا https://en.bem.info/platform/libs/bem-core/current/desktop/i-bem/#jsdoc

Changelog

يمكنك التحقق من changelog في صفحة Changelog.

الهجرة

إذا استخدمت BEM من قبل ، تحقق من تعليمات الترحيل.

تطوير

نسخة العمل

احصل على رمز الإصدار المطلوب (على سبيل المثال ، v4 ):
```
$ git clone -b v4 git://github.com/bem/bem-core.git
$ cd bem-core
```
تثبيت التبعيات:
```
$ npm install
```
تحتاج export PATH=./node_modules/.bin:$PATH أو طريقة بديلة لتشغيل تبعيات npm المثبت محليًا.
تثبيت جميع المكتبات اللازمة:
```
$ npm run deps
```
اختبارات بناء وتشغيل (المواصفات):
```
$ npm test
```
تشغيل خادم التطوير:
```
$ npm start
```

كيفية المساهمة

يرجى الرجوع إلى كيفية المساهمة دليل.

اختبار وحدات

حزمة اختبار افتراضية للوظائف functions__debounce :

$ magic make desktop.specs/functions__debounce

يمكنك رؤية نتائج الاختبارات في المحطة بعد انتهاء عملية البناء.

يمكنك أيضًا مشاهدتها في desktop.specs/functions__debounce/spec-js+browser-js+bemhtml/spec-js+browser-js+bemhtml.html تحميل المتصفح.

تشغيل اختبارات لكيانات BEM الأخرى بنفس الطريقة. سيعمل هذا لأولئك الذين تم تجهيزهم بملف .spec.js .

تغطية الكود

لبناء تقرير تغطية الرمز أضف ISTANBUL_COVERAGE=yes متغير البيئة إلى أمر تشغيل الاختبارات:

$ ISTANBUL_COVERAGE=yes magic make desktop.specs && istanbul report html

يمكنك إجراء اختبار معياري مع التغطية أيضًا باستخدام هدف بناء مزيد من الخرسانة كما هو موضح أعلاه.

 $ ISTANBUL_COVERAGE=yes magic make desktop.specs/functions__debounce && istanbul report html

بعد الانتهاء من الاختبارات ، يمكنك عرض تقرير HTML التغطية عن طريق فتح coverage/index.html في متصفحك المفضل.

يمكن العثور على إحصائيات تغطية الكود بأكملها على صفحة ملف تعريف BEM-Core على Coveralls.

تم تصميم الاختبارات مع مكتبة ENB-BEM-Specs. تحقق من التفاصيل (متوفرة باللغة الروسية فقط).

المتصفحات المدعومة

تعتمد سياسة دعم المتصفح لدينا على إحصاءات نحصل عليها من خدمات Yandex.

يحصل المتصفحات مع أكثر من 2 ٪ من المستخدمين على دعم كامل متوافق ، أكثر من 0.5 ٪ - متوافقة جزئيًا (مما يعني أن البيانات يمكن الوصول إليها ولكنها غير ضرورية بنسبة 100 ٪). لا يتم توفير اختبار الميزات الجديدة من قبلنا للمتصفحات مع أقل من 0.5 ٪ من المستخدمين.