it-swarm.asia

"التفكير في AngularJS" إذا كان لدي خلفية مسج؟

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

  • كيف يمكنني تصميم تطبيقات الويب من جانب العميل وتصميمها بشكل مختلف؟ ما هو الفرق الأكبر؟
  • ماذا يجب أن أتوقف عن العمل/الاستخدام ؛ ما الذي يجب أن أبدأ به/استخدمه بدلاً من ذلك؟
  • هل هناك أي اعتبارات/قيود من جانب الخادم؟

أنا لا أبحث عن مقارنة مفصلة بين jQuery و AngularJS.

4521
Mark Rajcok

حتمية → التصريحية

في jQuery ، يتم استخدام المحددات للعثور على عناصر DOM ثم ربط/تسجيل معالجات الأحداث لهم. عندما يتم تشغيل الحدث ، يتم تنفيذ هذا الرمز (الضروري) لتحديث/تغيير DOM.

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

في AngularJS ، فكر في الطرز ، بدلاً من عناصر DOM المحددة في jQuery والتي تحتفظ ببياناتك. فكر في طرق العرض كتوقعات لتلك النماذج ، بدلاً من تسجيل عمليات الاسترجاعات لمعالجة ما يراه المستخدم.

فصل المخاوف

يستخدم jQuery JavaScript غير مزعجة - يتم فصل السلوك (JavaScript) عن البنية (HTML).

يستخدم AngularJS وحدات التحكم والتوجيهات (كل منها يمكن أن يكون لها وحدة التحكم الخاصة بها ، و/أو وظائف التحويل البرمجي والربط) لإزالة السلوك من العرض/البنية (HTML). Angular لديها أيضًا services و المرشحات للمساعدة في فصل/تنظيم طلبك.

راجع أيضًا https://stackoverflow.com/a/14346528/215945

تصميم التطبيق

طريقة واحدة لتصميم تطبيق AngularJS:

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

الميراث النموذجي

يمكنك القيام بالكثير باستخدام jQuery دون معرفة كيفية عمل الوراثة JavaScript النموذجية. عند تطوير تطبيقات AngularJS ، ستتجنب بعض المآزق الشائعة إذا كان لديك فهم جيد لميراث JavaScript. القراءة الموصى بها: ما هي الفروق الدقيقة في الميراث النموذجي/النموذجي في AngularJS؟

408
Mark Rajcok

يمكنك وصف التحول النموذجي الذي هو ضروري؟

حتمية مقابل تعريفي

مع jQuery تخبر DOM بما يجب أن يحدث ، خطوة بخطوة. معANGULARJSتصف النتائج التي تريدها ولكن ليس كيفية القيام بها. المزيد حول هذا هنا . تحقق أيضًا من إجابة Mark Rajcok.

كيف يمكنني تصميم تطبيقات الويب من جانب العميل وتصميمها بشكل مختلف؟

AngularJS عبارة عن إطار عمل كامل للعميل يستخدم نمط (mvc _ (راجع تمثيل رسومي ). وهو يركز بشكل كبير على فصل المخاوف.

ما هو الفرق الأكبر؟ ماذا يجب أن أتوقف عن العمل/الاستخدام ؛ ما الذي يجب أن أبدأ به/استخدمه؟

jQuery هي مكتبة

AngularJS هو إطار عمل جميل من جانب العميل ، قابل للاختبار بدرجة كبيرة ، ويجمع بين الكثير من الأشياء الرائعة مثل MVC ، حقن التبعية ، ربط البيانات وأكثر من ذلك بكثير.

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

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

هل هناك أي اعتبارات/قيود من جانب الخادم؟

يمكنك استخدامه في التطبيقات الحالية التي تستخدم فيها بالفعل jQuery خالص. ومع ذلك ، إذا كنت ترغب في الاستفادة الكاملة من ميزات AngularJS ، فقد تفكر في ترميز جانب الخادم باستخدام نهج RESTful .

يتيح لك ذلك الاستفادة من { مورد مصنع ، مما يخلق تجريدًا من جانب الخادم الخاص بك RESTful API ويُجري مكالمات من جانب الخادم (الحصول على ، حفظ ، حذف ، إلخ. ) سهل بشكل لا يصدق.

152
Ulises

لوصف "تحول النموذج" ، أعتقد أن الإجابة القصيرة يمكن أن تكون كافية.

يغير AngularJS الطريقة التي تجدالعناصر)

في jQuery ، عادةً ما تستخدم محددات للعثور على العناصر ، ثم توصيلها:
$('#id .class').click(doStuff);

في AngularJS ، تستخدم توجيهات لتمييز العناصر مباشرة ، لربطها:
<a ng-click="doStuff()">

لا تحتاج AngularJS (أو تريد) أن تجد عناصر تستخدم محددات - الفرق الأساسي بين AngularJS jqLite مقابل كامل - jQuery هو أن jqLite لا يدعم المحددات .

لذلك عندما يقول الناس "لا تقم بتضمين jQuery على الإطلاق" ، فإن السبب الرئيسي في ذلك هو أنهم لا يريدونك استخدام محددات ؛ انهم يريدون منك أن تتعلم استخدام التوجيهات بدلا من ذلك. مباشرة ، وليس اختيار!

84
Scott Rippey

مسج

jQuery يجعل أوامر جافا سكريبت طويلة يبعث على السخرية مثل getElementByHerpDerp أقصر ومتصفح مستعرض.

AngularJS

يسمح لك AngularJS بإعداد علامات/سمات HTML الخاصة بك والتي تعمل بشكل جيد مع تطبيقات الويب الديناميكية (حيث تم تصميم HTML للصفحات الثابتة).

تصحيح:

قائلا "لدي خلفية مسج كيف أفكر في AngularJS؟" يشبه قول "لدي خلفية HTML كيف أفكر في JavaScript؟" حقيقة أنك تطرح السؤال توضح أنك على الأرجح لا تفهم الأغراض الأساسية لهذين الموردين. هذا هو السبب في أنني اخترت الإجابة على السؤال من خلال الإشارة ببساطة إلى الاختلاف الأساسي بدلاً من الاطلاع على القائمة التي تقول "يستخدم AngularJS التوجيهات بينما يستخدم jQuery محددات CSS لإنشاء كائن jQuery يفعل هذا وذاك ...." . هذا السؤال لا يتطلب إجابة طويلة.

jQuery هي طريقة لجعل برمجة JavaScript في المستعرض أسهل. أوامر أقصر مستعرض ، وما إلى ذلك.

يمتد AngularJS HTML ، لذلك ليس عليك وضع <div> في كل مكان لمجرد تقديم طلب. يجعل HTML يعمل في الواقع للتطبيقات بدلاً من ما تم تصميمه ، وهو صفحات ويب تعليمية ثابتة. ينجز هذا بطريقة ملتوية باستخدام جافا سكريبت ، ولكنه في الأساس امتداد HTML ، وليس JavaScript.

69
Nick Manning

jQuery: تفكر كثيرًا في "الاستعلام عن DOM " لعناصر DOM والقيام بشيء ما.

AngularJS: النموذج هو الحقيقة ، وكنت تفكر دائمًا من تلك الزاوية.

على سبيل المثال ، عندما تحصل على بيانات من الخادم الذي تنوي عرضه في بعض التنسيقات في DOM ، في jQuery ، فأنت بحاجة إلى "1". البحث عن "حيث تريد في DOM وضع هذه البيانات ،" 2. UPDATE/APPEND "هناك من خلال إنشاء عقدة جديدة أو فقط تعيين innerHTML . ثم عندما تريد تحديث طريقة العرض هذه ، فأنت بعد ذلك '3. البحث عن "الموقع و" 4. تحديث'. هذه الدورة من البحث عن وتحديث جميع القيام به في نفس السياق من الحصول على وتنسيق البيانات من الخادم ذهب في AngularJS.

باستخدام AngularJS ، يكون لديك النموذج الخاص بك (كائنات JavaScript التي اعتدت عليها بالفعل) وقيمة النموذج تخبرك عن النموذج (بوضوح) وعن العرض ، وتنتشر العملية على النموذج تلقائيًا إلى العرض ، لذلك لا تفعل ذلك " تي يجب أن نفكر في ذلك. ستجد نفسك في AngularJS لم تعد تجد أشياء في DOM.

لوضع طريقة أخرى ، في jQuery ، تحتاج إلى التفكير في محددات CSS ، أي حيث يوجد div أو td له فئة أو سمة ، وما إلى ذلك ، حتى يمكنني الحصول على HTML أو اللون أو القيمة ، ولكن في AngularJS ، ستجد نفسك تفكر مثل هذا: ما هو النموذج الذي أتعامل معه ، وسأقوم بتعيين قيمة النموذج على القيمة الحقيقية. لا تزعج نفسك ما إذا كانت طريقة العرض التي تعكس هذه القيمة هي خانة اختيار أو توجد في عنصر td (التفاصيل التي كنت في حاجة إليها للتفكير في jQuery).

ومع معالجة DOM في AngularJS ، ستجد نفسك تضيف التوجيهات والمرشحات ، والتي يمكنك التفكير في أنها امتدادات HTML صالحة.

هناك شيء آخر ستجربه في AngularJS: في jQuery ، يمكنك استدعاء وظائف jQuery كثيرًا ، وفي AngularJS ، ستقوم AngularJS باستدعاء وظائفك ، لذلك سوف تخبرك AngularJS بكيفية القيام بالأشياء ، لكن الفوائد تستحق ذلك ، لذلك تعلم AngularJS عادة ما يعني تعلم ما يريده AngularJS أو الطريقة التي تتطلب بها AngularJS تقديم وظائفك وسوف تسميها وفقًا لذلك. هذا أحد الأشياء التي تجعل AngularJS إطار عمل بدلاً من مكتبة.

61
Samuel

تلك هي بعض الإجابات لطيفة جداً ولكنها طويلة.

لتلخيص تجاربي:

  1. أدوات التحكم والمزودون (الخدمات ، المصانع ، إلخ) مخصصة لتعديل نموذج البيانات ، وليس HTML.
  2. HTML والتوجيهات تحدد التصميم والربط للنموذج.
  3. إذا كنت بحاجة إلى مشاركة البيانات بين وحدات التحكم ، فقم بإنشاء خدمة أو مصنع - فهي وحدات مفردة يتم مشاركتها عبر التطبيق.
  4. إذا كنت بحاجة إلى أداة HTML ، فقم بإنشاء توجيه.
  5. إذا كان لديك بعض البيانات وتحاول الآن تحديث HTML ... STOP! قم بتحديث النموذج وتأكد من ارتباط HTML بالنموذج.
46
Dan

jQuery هي مكتبة معالجة DOM.

AngularJS هو إطار MV *.

في الواقع ، تعد AngularJS أحد أطر عمل JavaScript MV * القليلة (لا تزال العديد من أدوات JavaScript MVC ضمن مكتبة الفئات).

كونه إطار عمل ، فإنه يستضيف التعليمات البرمجية الخاصة بك ويتولى ملكية القرارات المتعلقة بما يجب الاتصال به ومتى!

يتضمن AngularJS نفسه إصدار jQuery-lite بداخله. لذا ، بالنسبة لبعض عمليات التحديد/المعالجة الأساسية لـ DOM ، لن تضطر في الحقيقة إلى تضمين مكتبة jQuery (يحفظ العديد من وحدات البايت لتشغيلها على الشبكة.)

لدى AngularJS مفهوم "التوجيهات" لمعالجة DOM وتصميم مكونات UI قابلة لإعادة الاستخدام ، لذلك يجب عليك استخدامها كلما شعرت بالحاجة إلى القيام بالأشياء المتعلقة بمعالجة DOM (التوجيهات هي المكان الوحيد الذي يجب أن تكتب فيه كود jQuery أثناء استخدام AngularJS).

يتضمن AngularJS بعض منحنى التعلم (أكثر من jQuery :-).

-> بالنسبة لأي مطور قادم من خلفية مسج ، ستكون نصيحتي الأولى هي "تعلم جافا سكريبت كلغة من الدرجة الأولى قبل القفز على إطار عمل ثري مثل AngularJS!" تعلمت الحقيقة أعلاه بالطريقة الصعبة.

حظا سعيدا.

45
Sutikshan Dubey

انهم التفاح والبرتقال. لا تريد مقارنتها. انهم شيئين مختلفين. يحتوي AngularJs بالفعل على jQuery lite والذي يسمح لك بإجراء معالجة DOM الأساسية دون حتى تضمين نسخة jQuery الكاملة.

مسج هو كل شيء عن التلاعب DOM. يعمل على حل جميع مشكلات المتصفح المتقاطع وإلا فسيتعين عليك التعامل معه ولكنه ليس إطارًا يسمح لك بتقسيم تطبيقك إلى مكونات مثل AngularJS.

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

الزاوي ينهار التطبيق الخاص بك إلى - التحكم - الخدمات - المشاهدات - الخ.

وهناك شيء آخر ، هذا هو التوجيه. إنها سمة يمكنك إرفاقها بأي عنصر من عناصر DOM ويمكنك تشغيل المكسرات مع jQuery بداخلها دون القلق بشأن تعارض jQuery مع مكونات AngularJs أو العبث بهيكلها.

سمعت من أحد الاجتماعات التي حضرتها ، أحد مؤسسي Angularقالوا إنهم عملوا بجد لفصل التلاعب DOM حتى لا تحاول ضمهم مرة أخرى.

34
Jin

استمع إلى البودكاست JavaScript Jabber: Episode # 32 التي تضم المبدعين الأصليين لـ AngularJS: Misko Hevery & Igor Minar. يتحدثون كثيرًا حول ما يشبه الوصول إلى AngularJS من خلفيات JavaScript الأخرى ، وخاصة jQuery.

جعلت واحدة من النقاط التي وردت في البودكاست الكثير من الأشياء انقر لي فيما يتعلق بسؤالك:

MISKO: [...] أحد الأشياء التي فكرنا بها بالكاد في Angular هو ، كيف يمكننا توفير الكثير من فتحات الهروب بحيث يمكنك الخروج وأساسًا معرفة وسيلة للخروج من هذا. بالنسبة لنا ، الجواب هو هذا الشيء المسمى "التوجيهات". ومع التوجيهات ، فإنك تصبح أساسًا جافا سكريبت صغير عادي منتظم ، يمكنك أن تفعل ما تريد.

IGOR: لذا فكر في التوجيه كتعليمات للمترجم الذي يخبرها كلما صادفت هذا العنصر المحدد أو CSS في القالب ، وأنت تحتفظ بهذا النوع من التعليمات البرمجية وهذا الرمز هو المسؤول للعنصر وكل شيء أسفل هذا العنصر في شجرة DOM.

نسخة من الحلقة بأكملها متاحة على الرابط المذكور أعلاه.

لذلك ، للإجابة مباشرة على سؤالك: AngularJS هو -فارغ الصبر وهو إطار MV * حقيقي. ومع ذلك ، لا يزال بإمكانك فعل كل الأشياء الرائعة التي تعرفها وتحبها باستخدام jQuery داخل التوجيهات. إنها ليست مسألة "كيف أفعل ما اعتدت عليه في مسج؟" بقدر ما هي مسألة "كيف يمكنني إضافة AngularJS بكل الأشياء التي اعتدت القيام بها في jQuery؟"

انها حقا حالتين مختلفتين جدا للعقل.

31
codevinsky

أجد هذا السؤال مثيرًا للاهتمام ، لأن أول تعرض جاد لبرمجة JavaScript كان Node.js و AngularJS. لم أتعلم أبدًا jQuery ، وأعتقد أن هذا شيء جيد ، لأنني لست مضطرًا للتخلص من أي شيء. في الواقع ، أتجنب بنشاط حلول jQuery لمشكلتي ، وبدلاً من ذلك ، ابحث فقط عن "طريقة AngularJS" لحلها. لذا ، أعتقد أن إجابتي على هذا السؤال ستختفي أساسًا ، "فكر كمن لم يتعلم أبدًا jQuery" وتجنب أي إغراء لدمج jQuery مباشرةً (من الواضح أن AngularJS تستخدمه إلى حد ما وراء الكواليس).

30
Evan Zamir

AngularJS و jQuery:

تختلف كل من AngularJs و JQuery تمامًا في كل مستوى باستثناء وظيفة JQLite وسترى ذلك بمجرد أن تبدأ في تعلم الميزات الأساسية لـ AngularJs (لقد شرحت ذلك أدناه).

AngularJs هو إطار جانب العميل الذي يوفر إنشاء تطبيق جانب العميل المستقل. JQuery هي مكتبة جانب العميل التي تلعب في جميع أنحاء DOM.

AngularJs Cool Principle - إذا كنت تريد بعض التغييرات في واجهة المستخدم الخاصة بك فكر من منظور تغيير بيانات النموذج. قم بتغيير بياناتك وستعيد واجهة المستخدم عرض نفسها. لا يلزمك اللعب في جميع أنحاء DOM في كل مرة ما لم يكن ذلك مطلوبًا إلى أن يكاد يكون ذلك مطلوبًا ويجب التعامل معه أيضًا من خلال Angular التوجيهات.

للإجابة على هذا السؤال ، أود أن أشارك تجربتي في تطبيق المؤسسة الأول مع AngularJS. هذه هي أكثر الميزات الرائعة التي توفرها [Angular حيث نبدأ في تغيير عقلية مسجنا ونحصل على Angular) كإطار عمل وليس المكتبة.

ربط البيانات ثنائي الاتجاه مذهل: كان لدي شبكة بها جميع وظائف UPDATE ، DELTE ، INSERT. لدي كائن بيانات يربط نموذج الشبكة باستخدام ng -كرر. ما عليك سوى كتابة سطر واحد من شفرة جافا سكريبت البسيطة للحذف والإدراج وهذا كل شيء. يتم تحديث الشبكة تلقائيًا مع تغير نموذج الشبكة على الفور. وظيفة التحديث في الوقت الحقيقي ، لا رمز لذلك. أنت تشعر بالإعجاب !!!

التوجيهات القابلة لإعادة الاستخدام فائقة: كتابة التوجيهات في مكان واحد واستخدامها في جميع أنحاء التطبيق. يا الهي!!! لقد استخدمت هذه التوجيهات الخاصة بالترحيل ، و regex ، والتحقق من الصحة ، إلخ.

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

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

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

مثالي لـ RESTful architecture: كونه أطر عمل كاملة يجعل AngularJS رائعة للعمل مع بنية RESTful. للاتصال REST تعد واجهات برمجة التطبيقات لـ CRUD أسهل وأكثر

خدمات : اكتب الرموز الشائعة باستخدام الخدمات وأقل رمز في وحدات التحكم. يمكن استخدام الخدمات لتبادل الوظائف المشتركة بين وحدات التحكم.

القابلية للتوسعة : Angular وسعت توجيهات HTML باستخدام التوجيهات الزاوية. اكتب التعبيرات داخل HTML وقم بتقييمها في وقت التشغيل. قم بإنشاء التوجيهات والخدمات الخاصة بك واستخدامها في مشروع آخر دون أي جهد إضافي.

23
Sanjeev Singh

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

مثلي ، ستدرك بسرعة أن AngularJS (أو Ember.js ، Durandal ، وغيرها من أطر MV * لهذه المسألة) هو إطار عمل معقد يجمع العديد من أنماط تصميم جافا سكريبت المختلفة.

لقد وجدت أنه من الأسهل أيضًا اختبار (1) رمز JavaScript الأصلي و (2) مكتبات أصغر لكل واحد من هذه الأنماط بشكل منفصل قبل الغوص في واحد عالمي الإطار. هذا سمح لي أن أفهم بشكل أفضل القضايا الحاسمة التي يتناولها الإطار (لأنك تواجه المشكلة شخصياً).

فمثلا:

  • جافا سكريبت البرمجة الموجهة للكائنات (هذا هو رابط البحث جوجل). إنها ليست مكتبة ، لكنها بالتأكيد شرط أساسي لأي برمجة تطبيقات. لقد علمني التطبيقات الأصلية لـ النموذج الأولي ، المنشئ ، أنماط المفردة والديكور
  • jQuery / Underscore for نمط الواجهة (مثل WYSIWYG الخاص بمعالجة DOM)
  • Prototype.js for النموذج الأولي/المُنشئ/مزيج النمط
  • RequireJS / Curl.js for نمط الوحدة النمطية/AMD
  • KnockoutJS for يمكن ملاحظته ، نمط النشر/الاشتراك

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

20
Tyblitz

في الواقع ، إذا كنت تستخدم AngularJS ، فلن تحتاج إلى مسج بعد الآن. تمتلك AngularJS نفسها التوجيه والتوجيه ، وهو "بديل" جيد للغاية لمعظم الأشياء التي يمكنك القيام بها باستخدام jQuery.

عادةً ما أقوم بتطوير تطبيقات الهاتف المحمول باستخدام AngularJS و Cordova . الشيء الوحيد الذي تحتاجه هو jQuery هو المختار.

من خلال googling ، أرى أن هناك وحدة اختيار مسج مستقل بذاتها. انها الأزيز.

وقررت إنشاء مقتطف شفرة صغير يساعدني في بدء تشغيل موقع ويب بسرعة باستخدام AngularJS بقوة jQuery Selector (باستخدام Sizzle).

لقد قمت بمشاركة الكود الخاص بي هنا: https://github.com/huytd/Sizzular

12
Huy Tran