لماذا استخدام مكتبة القطعة مسج واجهة المستخدم

الكتابة مسج المكونات الإضافية و jQuery.prototype (عرض وعادة ما $.fn ) إضافة أسلوب بسيطة وتحتاج إلى اتباع بعض القواعد البسيطة، مثل العودة إلى this . فلماذا وجود مكتبات المكون (القطعة مصنع)؟

في هذا القسم، سوف نشرح فوائد المكتبات العنصر (القطعة مصنع)، وتعلم عند استخدامها، والسبب في استخدامه.

عديمي الجنسية مقابل جليل القطعة

معظم الإضافات مسج عديمي الجنسية، وتنفيذ بعض الإجراءات لإتمام مهمتهم. على سبيل المثال، إذا كنت تستخدم .text( "hello" ) تم تعيين العنصر إلى النص، لا توجد مرحلة التثبيت، والنتائج هي نفسها. لهذا النوع من المكونات، انها مجرد يمتد النموذج مسج.

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

API ثابت

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

تعيين خيارات في التهيئة

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

$.fn.plugin = function( options ) {
    options = $.extend( {}, $.fn.plugin.defaults, options );
    // Plugin logic goes here.
};
 
$.fn.plugin.defaults = {
    param1: "foo",
    param2: "bar",
    param3: "baz"
};

مكتبة العنصر (القطعة مصنع) كما تقدم هذه الميزة، وأدخلت تحسينات في ذلك. بعد استخدام المكتبة القطعة (القطعة مصنع)، وسيتم عرض أدناه.

$.widget( "ns.plugin", {
 
    // Default options.
    options: {
        param1: "foo",
        param2: "bar",
        param3: "baz"
    },
 
    _create: function() {
        // Options are already merged and stored in this.options
        // Plugin logic goes here.
    }
 
});