سؤال

أنا حاليا مسؤول عن استخدام jQuery إلى مجتمع مطوري الويب داخل شركتنا. جزء من هذا ينطوي على تقديم دورة، ولكن جزء آخر ينطوي على التواصل مع المعايير وأفضل الممارسات.

إذا كنت أفضل ممارسة جوجل أفضل الممارسات "، فمن المحتمل أن تجد ما يلي بين نتائج البحث.http://www.smashingmagazine.com/2008/09/16/jquery-examples-and-best-practices/ http://www.artzstudio.com/2009/04/jection-performance-rules/

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

تعديل:

إضافة قسم معايير تشفير مسج في صفحتي الخاصة:

http://www.jameswiseman.com/blog/؟p=48.

هل كانت مفيدة؟

المحلول

يمكنك العثور على هذا الموضوع التوجه هنا في Stackoverflow.com

jQuery المزالق لتجنب

نصائح مفيدة جدا مثيرة جدا للاهتمام واحد تلو الآخر.

فيما يلي بعض أكثر وجدت في المرجعية الخاصة بي:

نصائح أخرى

شيء بدأت شخصيا في القيام به هو نوع من تطبيقات التدوين الهنغارية لمجموعات jquery، عن طريق البادئة تلك المتغيرات مع $

var someInt = 1;
var $someQueryCollection = $( 'selector' );

أجد أنه نظرا لأن مقتطفات مسجتي تنمو، يصبح هذا ما لا يقدر بثمن، ليس فقط في الترويج لتخزين مجموعات JQUERY كمتغيرات، ولكن لمساعدتي في تتبع المتغيرات في الواقع مجموعات jquery.

جافا سكريبت غير مزعج (فصل العلامات والسلوك)

مرة أخرى في الأيام، كان من الشائع وضع معالج النقر داخل العلامة. الآن ينصح بأنك لا تكتب رمز JS الخاص بك داخل علامتك، لكن قم بتضمينه عبر أحداث DOM.

تحسين تدريجي

يحصل المستخدم على تجربة أفضل إذا كانوا يستخدمون المتصفح المتوافق مع المعايير و / أو يحتوي على جافا سكريبت. لا يزال تطبيق موقع الويب / الويب يمكن الوصول إليه حتى لو كان لديهم متصفح أقدم أو لديه معطل JS.

الكشف عن الميزة وليس الكشف عن المتصفح

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

حظ سعيد.

الطريقة التي تعمل بها JQuery تعمل بنفس الطريقة التي يعمل بها JavaScript، على الرغم من أنها واحدة ونفس الشيء. JQuery يعمل على محددات CSS، مثل اسم (أسماء) الفصل ومعرف العناصر. لتحديد عنصر في JQuery، تقوم به:

$("#yourID") or $(".yourClass") or $("div") or $("#yourID p") etc

وستحصل على مجموعة من جميع العناصر الموجودة في الصفحة التي تناسب معاييرك. يمكنك بعد ذلك إجراء تصرفاتك على كل هذه العناصر دون أي حلقات لأي فرز. هذا مهم أن نتذكر:

$(".yourClass").click(function(){
    //do stuff
});

سوف تؤثر على جميع العناصر مع .yourClass تعلق عليها. نصيحة واحدة: إذا كنت ستحصل على $(this), ، يجب عليك حفظه كمتغير محلي:

$(".yourClass").click(function(){
    var $this = $(this);
});

كما ستسرع وظيفتك.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top