ملاحظات دراسة سياج

1. مقدمة

Seajs هو إطار عمل لتحميل وحدات الويب، يتبع طريقة بسيطة وطبيعية لكتابة التعليمات البرمجية وتنظيمها، ويتبع Sea.js مواصفات CMD ويقوم بتكوين كود JS. يتيح التحميل التلقائي للتبعيات والتكوين المختصر والواضح للمبرمجين التركيز بشكل أكبر على البرمجة.

2. المزايا والعيوب

ميزة:

1).تحسين قابلية الصيانة.

2). البرمجة المعيارية.

3). التحميل الديناميكي، وتحسين أداء الواجهة الأمامية

عيب:

1). وثائق التعلم متناثرة ومربكة، مما سيغير عادات الكتابة لدى الفريق في استخدام JS، ويجب استخدام البرمجة المعيارية.

2) إنه غير مناسب للوضع الحالي للفريق. هناك العديد من ملفات JS ولكن مزايا التحميل الديناميكي والنمطية ليست واضحة.

3). يتطلب استخدام أدوات SPM وأدوات التعبئة والتغليف وإدارة JS.

2. ما هي CMD وAMD؟

تعريف الوحدة غير المتزامنة (AMD) هو اختصار لتعريف الوحدة غير المتزامنة، وهو الناتج القياسي لتعريف الوحدة أثناء عملية الترويج لـ RequireJS.

تعريف الوحدة المشتركة (CMD) هو اختصار لتعريف الوحدة المشتركة، وهو الناتج القياسي لتعريف الوحدة أثناء عملية الترويج لـ SeaJS.

يعد كل من RequireJS وSeaJS ممثلين للأطر المعيارية، حيث أن AMD وCMD هما طريقتهما الخاصة في تعريف الوحدات النمطية، وهما متشابهان بشكل رئيسي في أسلوب الترميز وواجهة برمجة التطبيقات (API).

3. كيفية الاستخدام؟

انسخ الكود كما يلي: <script src="../js/examples-master/sea-modules/seajs/seajs/2.1.1/sea.js"></script>

<النص البرمجي>

// تكوين مسار js

سياجس.تكوين({

الاسم المستعار:{

"jquery":../examples-master/sea-modules/jquery/jquery/1.10.1/jquery.js"

}

});

// تحميل الوحدة

seajs.use('../js/seajs/init',function($){

$("#test_div").click(function(){alert(1);});

});

</script>

انسخ رمز الكود كما يلي:

//init.js

تعريف(وظيفة(تتطلب،الصادرات،الوحدة){

var $ = require('jquery');

العودة $؛

});