يتم تلخيص المحتوى الرئيسي لهذه المقالة بالإشارة إلى الوثائق الرسمية:
vue.js
Vue.js @ مكتبة كتبها Mr. You Yuxi لإنشاء واجهات Web Interactive هي MVVM مبسط. من وجهة نظر فنية ، يركز Vue.js على طبقة ViewModel لنموذج MVVM. يربط طبقة العرض وطبقة النموذج من خلال ربط البيانات ثنائية الاتجاه. يتم استخلاص تنسيقات تغليف DOM الفعلية وتنسيقات الإخراج للتوجيهات والمرشحات. Vue.js هي مكتبة صغيرة وجميلة مقارنة بالمكتبات الأخرى. الغرض الرئيسي من المؤلف هو إنشاء مكونات عرض بيانات عاكسة وقابلة للتكوين من خلال واجهة برمجة تطبيقات بسيطة. أشعر أن فكرة المؤلف واضحة للغاية.
ميزة:
بسيط: الوثائق الرسمية واضحة للغاية وأبسط وأسهل في التعلم من Angular.
سريع: تحديث DOM في معالجة الدُفعات غير المتزامنة.
مزيج: الجمع بين التطبيق الخاص بك مع المكونات المنفصلة والقابلة لإعادة الاستخدام.
مضغوط: ~ 18 كيلو بايت دقيقة+gzip ، وليس لديه تبعيات.
قوي: التعبيرات والخصائص المحسوبة التي لا تتطلب إعلان التبعيات.
الصديقة للوحدة: يمكن تثبيتها من خلال NPM أو Bower أو Duo ، ولا تجبر جميع الكود على متابعة اللوائح الزاوية المختلفة ، مما يجعل سيناريوهات الاستخدام أكثر مرونة.
عيب:
Newborn: Vue.js هو مشروع جديد ، إصدار مرشح الإصدار 0.10.0 الذي تم إصداره في 20 مارس 2014. حاليًا ، أحدث إصدار على Github هو 0.11.4 ، وهو ليس ناضجًا مثل الزاوي.
التأثير ليس كبيرًا جدًا: لقد غوغل ، وهناك عدد أقل من تنوع Vue.JS من بعض المكتبات الشهيرة الأخرى.
لا يتم دعم IE8: هاها ، لكن AngularJS 1.3 يتخلى أيضًا عن دعم IE8 ، ولكن هذا ليس جيدًا للمشاريع التي تحتاج إلى دعم IE8 ، ولكن هذا هو أيضًا اتجاه في تطوير المواجهة على الويب. على سبيل المثال ، يجب أن تخرج النسخة المنخفضة من IE من مرحلة التاريخ من خلال تغيير تفكيرنا الأمامي ، بدلاً من التكيف مع أولئك الذين يستخدمون الإصدار القديم دون ترقية. @德官网官网 قال شيئًا واحدًا ، أعتقد أنه جيد جدًا. "في الأيام القليلة الماضية ، لم يعد دعم IE6 و 7 ميزة منذ فترة طويلة ، لكنهم عارون. نحن نسعى جاهدين للترويج لأليباي للا يدعم IE6 و 7 تمامًا ، ونتطلع إلى انضمام المزيد من الإخوة".
AngularJs
كان AngularJS شائعًا جدًا مؤخرًا ولديه العديد من المتابعين. إطار JavaScript MVW الخارق
قال المسؤول إنها بسيطة: "تكنولوجيا العميل مكتوبة بالكامل في JavaScript. يتم استخدامها بالاقتران مع تقنيات الويب الأخرى التي تمتد إلى الطويل الأمد (HTML و CSS و JavaScript) لجعل تطوير تطبيقات الويب أكثر بساطة وأسرع من ذي قبل." عندما تتعلم ذلك ، أعتقد أنك ستجذب العديد من المؤثرات الخاصة الجديدة.
ميزة:
عرض ديناميكي: لم أكن أعتقد مطلقًا أن JS يمكنه تمديد سمات HTML مثل هذا من قبل ، لكن AngularJS فعل ذلك. وأضاف الكثير من وظائف التمديد إلى HTML الثابت ، مما يجعل HTML من الموت إلى الحياة.
Perfect: إنه إطار MVW الأمامي الكامل نسبيًا ، بما في ذلك القوالب وربط البيانات ثنائية الاتجاه والتوجيه والموضوعية والخدمة وحقن التبعية وغيرها من الوظائف. القوالب قوية وغنية بالوظائف ، وهي تعليمية ، مع تعليمات زاوية غنية.
صيانة Google: لدى AngularJS Google للحفاظ عليها ، ولا شك أن لديها الواجهة الخلفية القوية. لديها مزايا واضحة على Vue.js و Avalon للترويج والصيانة. المجتمع أيضًا حيوي للغاية ويمكنه الترويج لتطوره بشكل جيد.
AngularJS & Ionic: Ionic: Advanced HTML5 Hybrid Mobile App Framework ، هذان هما صديق جيد. يستخدم Ionic AngularJS لإنشاء إطار عمل أكثر ملاءمة لتطوير التطبيقات الغنية والقوية. آخر مرة ، أجبت على سؤال ذي صلة على Zhihu لتطوير WebApps. ما هي الإطار ومنصة التطبيق المعبأة هي أفضل أداء وكفاءة؟ - إجابة تانغ وي ، يرجى الاطلاع هنا للحصول على التفاصيل.
عيب:
كبير وشامل: من الصعب التعلم. بالنسبة لي ، منحنى التعلم متعرج للغاية ويصعب فهمه.
انقلبت وإعادة الكتابة: لقد زرت المجتمع منذ بعض الوقت ووجدت أن AngularJS2.0 من شأنه أن ينقلب ويعيد كتابة الانقلاب السابق وإعادة الكتابة. لقد تغير الإطاران كثيرًا ، في الأساس اثنين من الأطر. يعادل القول أنك بحاجة إلى البدء من الصفر بعد خروج 2.0. ولكن مرة أخرى ، //www.vevb.com/article/79637.htm تشرح هذه المقالة التغييرات في AngularJS2.0 جيدًا.
لا يدعم IE8 أو أدناه. يبدو أن 2.0 أصبح مدعومًا فقط على الأجهزة المحمولة. دعونا نراها بعد أن يخرج.
أفالون
Avalon.js هو إطار MVVM صغير وسهل الاستخدام كتبه Situ Zhengmei. تم نشره لأول مرة في 2012.09.15 وتم تطويره لحل وجود مختلف وجهات نظر من نفس منطق العمل. يمكنك في كثير من الأحيان أن ترى أن المعلم يروج له Avalon.js ونشر العديد من البرامج التعليمية ، والتي توفر بلا شك راحة كبيرة للأشخاص في الصين الذين يدرسون Avalon.js.
ميزة
سهل الاستخدام ، إضافة روابط في HTML ، وتحديد ViewModel في JS مع Avalon.define ، ثم اتصل بالطريقة Avalon.scan ، وسيكون قادرًا على التحرك!
متوافق مع IE6 (أطر MVVM الأخرى ، Knockoutjs (IE6) ، AngularJS (IE9) ، EmberJS (IE8) ، WinJS (IE9)) ، و Avalon.mobile ، والتي يمكن أن تعمل بشكل أكثر كفاءة في متصفحات الإصدار الجديدة مثل IE10.
لا تبعيات ، أقل من 5000 خط ، أقل من 50 كيلو بايت بعد الضغط
يدعم وظائف تصفية نمط حرف خطوط الأنابيب لتسهيل تنسيق الإخراج
تم تنقيح حبيب التحديث المحلي إلى عقدة نصية ، عقدة الميزة
ترتبط العقدة المراد تشغيلها بوظيفة التحديث في العرض في أول فحص وتخزين مؤقت ، لذلك لا يوجد مجال للمحددات.
اجعل رمز عملية DOM قد انقرضت تقريبًا
باستخدام آلية تداخل تشبه CSS ، اسمح لكل قسم ViewModel بتقديم صفحات بالتناوب
عند إزالة العقدة ، قم بإلغاء تثبيت وظيفة تحديث العرض المقابلة لحفظ الذاكرة
تتمثل بيانات التشغيل في تشغيل DOM ، وسيتم مزامنة العمليات الموجودة على ViewModel مع العرض والنموذج.
يأتي مع تحميل وحدة AMD ، بحيث يمكنه تجنب التكامل مع اللوادر الأخرى.
عيب
1. تصفية المصفوفات ليست جيدة مثل الزاوي. لا يمكن استخدام مرشح Avalon إلا لـ MS-Text ، MS-HTML
2. لا توجد مستندات باللغة الإنجليزية ، يتم تقييد الدعاية
3. جلد Oniui ليس حسن المظهر بما فيه الكفاية. يقول الكثير من الناس إنهم يريدون التعاون مع Boostrap ، لكن لم يأخذ أحد في المجتمع المبادرة للقيام بذلك.