مصغرة
إطار عمل وحدات أمامية بسيط تم تنفيذه بناءً على المتطلبات. إذا كنت لا ترغب في قضاء بعض الوقت في التعلم المتطلبات. js ، أو إلقاء نظرة على مواصفات CMD/AMD الطويلة ، فإن هذا التعريف المصغر هو خيار جيد لك. إذا كنت قد استخدمت Sea.js أو required.js من قبل ، فإن Mini-Define أكثر كفاءة وأخف وزنا وأسهل في الاستخدام. عنوان المشروع: جيثب
الاستخدام
أولاً حدد الوحدة النمطية
تحديد الوحدات
1: استخدم الوظيفة تعريف لتحديد الوحدات النمطية
1.1 اعتمادًا على ما إذا كان هناك تبعية ، هناك حالتان:
1.1.1: الوحدات بدون تبعيات
نسخة الكود كما يلي:
define ('id' ، function () {
// ضع الكود الخاص بك هنا
}) ؛
1.1.2: وحدات التبعية
نسخة الكود كما يلي:
define ('id' ، ['modea' ، 'modeb'] ، function (a ، b) {
// ضع الكود الخاص بك هنا
}) ؛
1.2 وفقًا لما إذا كانت نتائج المعالجة يجب إرجاعها للاستخدام الخارجي ، يمكن تقسيمه إلى حالتين:
1.2.1 هناك كائن إرجاع:
نسخة الكود كما يلي:
define ('id' ، function () {
يعود {
// ضع الكود الخاص بك هنا
}
}) ؛
1.2.2 لم يتم إرجاع أي كائن
نسخة الكود كما يلي:
define ('id' ، function () {
// ضع الكود الخاص بك هنا
}) ؛
اثنان: استخدم وظيفة متطلبات () لاستدعاء الوحدة النمطية
2.1 وفقًا لعدد الوحدات المطلوبة ، يمكن أن يكون هناك حالتان:
2.1.1. استدعاء وحدة واحدة
يتطلب ('modeid')
2.1.2. استدعاء وحدات متعددة
تتطلب (['modea' ، 'modeb']) ؛
2.2 وفقًا لما إذا كانت هناك معالجة رد اتصال ، يمكن تقسيمها إلى حالتين:
2.2.1 هناك وظيفة معالجة رد الاتصال
نسخة الكود كما يلي:
تتطلب ('modeid' ، function (mode) {
// ضع الكود الخاص بك هنا
}) ؛
طلب (['modea' ، 'modeb'] ، الدالة (a ، b) {
// ضع الكود الخاص بك هنا
}) ؛
2.2.2 لا توجد معالجة رد الاتصال
يتطلب ('modeid') ؛
ثم ارجع إلى الوحدات النمطية المطلوبة بدورها على صفحة index.html
نسخة الكود كما يلي:
<!-الوحدة الأساسية->
<script src = "lib/core/require.js"> </script>
<!-وحدة للمظاهرة->
<script src = "lib/main.js"> </script>
<script src = "lib/config.js"> </script>
<script src = "lib/init.js"> </script>
أخيرًا ، دمج وضغط دليل LIB بالطريقة التي ترغب في إنشاء ملف min.js. عند نشر تطبيق ، يجب أيضًا تعديل الفهرس المقابل. html:
نسخة الكود كما يلي:
<script src = "lib/min.js"> </script>
ميزة:
بالمقارنة مع seajs.js أو الأصلي requist.js ، يمكن وصف رمز مع مائة سطر فقط من التعليقات على أنها خفيفة الوزن ويبدو سمينًا ، وهو نحيف تمامًا.
لا يوجد محتوى متقدم أو مهارات معقدة على الإطلاق ، وهناك تكلفة تعليمية تقريبًا.