الفرق بين الزاوي 2 والزاوية 4 | الفرق بين | ar.natapa.org

الفرق بين الزاوي 2 والزاوية 4




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

Angular هو برنامج تم إنشاؤه بواسطة Google. الغرض الأساسي من Angular هو إنشاء برنامج على شبكة الإنترنت. تهدف التطبيقات التي تم إنشاؤها في Angular إلى العيش على الويب أو الجوّال أو سطح المكتب. يصف الوصف الرسمي ل Angular ذلك بأنه "منصة تطبيقات ويب مفتوحة المصدر مفتوحة المصدر" تعتمد على TypeScript ، والتي بدورها هي لغة برمجة مفتوحة المصدر تم تطويرها وصيانتها من قبل Microsoft والتأثير عليها باستخدام جافا سكريبت.

قبل Angular 2 أو Angular 4 جاء AngularJS. ومع ذلك ، يجب ملاحظة أن Angular ليس هو نفس برنامج AngularJS. في الواقع ، يمكن القول أن Angular هو كتابة كاملة لـ AngularJS. نظرًا للقيود المفروضة على AngularJS ، تم إجراء إعادة كتابة جديد لـ Angular. هذا الإصدار كان يسمى Angular 2 من قبل الفريق الأصلي ، ومع ذلك ، أدى هذا إلى الارتباك ، لأن هذا الإصدار كان مختلفًا تمامًا عن AngularJS. ومن ثم ، فقد تقرر بدلاً من تسميته نسخة ثانية من AngularJS ، فسيتم تسميته فقط Angular ، وهو برنامج مختلف تمامًا. كانت النسخة الأولى من Angular تدعى Angular 2 ، وهو اسم عالق ، حيث كان الإصدار الثاني من البرنامج الأصلي ، في حين تم تسمية إصدارات AngularJS بالإصدار 1.X.

تم الإعلان عن Angular 2 في مؤتمر ng-Europe في 22-23 أيلول (سبتمبر) 2014 ، بينما تم إصدار النسخة النهائية في 14 أيلول (سبتمبر) 2016. تم الإعلان عن Angular 4 ، في 13 كانون الأول 2016 ، والإصدار النهائي تم إطلاقه في 23 مارس 2017. تم تخطي Angular 3 لتجنب الارتباك ، حيث تم بالفعل توزيع إصدار حزمة جهاز التوجيه من Angular كـ v3.3.0 بسبب اختلال أرقام الإصدارات.

واحدة من الفوائد الرئيسية لل Angular 4 هي أنها تقلل من حجم الملف المجمّع بنسبة 60٪ مقارنةً بالزاوية 2. وهي أيضًا متوافقة مع الإصدارات السابقة 2 ، وكذلك متوافقة مع الإصدارات الأحدث من TypeScript ، مثل TypeScript 2.1 و TypeScript 2.2. وتتمثل فائدة ذلك في تحسين عملية التحقق من الكتابة وكذلك تحسين ميزات IDE لكود Visual Studio.

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

قدم الزاوي 4 محرك عرض ، مما يقلل حجم الشفرة التي تم إنشاؤها. يقوم بذلك بطريقة Ahead of Time (AOT). أيضا ، في Angular 2 تتطلب وظيفة الرسوم المتحركة الزاوية Angular / code module ، التي تخلق حزمة خاصة بها. في Angular 4 ، لم تعد حزمة الرسوم المتحركة قيد الاستخدام ، مما يساعد على تقليل حجم الرمز.

يحتوي Angular 4 أيضًا على ngIf * محسن * و ngFor. يمكن الآن استخدام بنية تصميم if / else. ويمكنه أيضًا تعيين متغيرات محلية مثل إذا كان بإمكانه تسجيل أحد العناصر التي يمكن ملاحظتها. يحتوي Angular 4 أيضًا على العمل الخارجي والداخلي من Universal ، والذي يقع في @ angular / platform-server. يقدم Angular 4 مزيدًا من خرائط المصدر التي يمكن أن تساعد في توفير سياق ذي معنى فيما يتعلق بالقالب الأصلي ، حيث تسمح لأحد بتخطيط الأخطاء الناجمة عن شيء ما في أحد القوالب.

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

مقارنة بين الزاوي 2 والزاوية 4:

 

الزاوي 2

الزاوي 4

برنامج

زاوي

زاوي

أطلقت

14 سبتمبر 2016

23 مارس 2017

التوافق

غير متوافق مع AngularJS.

الزاوي 4 متوافق مع الإصدارات السابقة مع Angular 2

التوافق مع TypeScript

متوافق مع TypeScript 2.0. غير متوافق مع TypeScript 2.1 و TypeScript 2.2.

متوافق مع TypeScript 2.1 و TypeScript 2.2

حجم الملف

حجم ملف واحد أكبر بنسبة 60٪ مقارنةً بالزاوية 2

60٪ انخفاض حجم الملف المجمّع مقارنةً بالزاوية 4

التوجيهات والضوابط

توجيهات وضوابط محدودة

توجيهات وضوابط جديدة

ميزات تقسيم المكونات

يقتصر على أي ميزات تقسيم المكونات

ميزات تقسيم المكونات

قانون إعادة الاستخدام

إعادة قانون محدود

زيادة قانون إعادة الاستخدام

تطوير التطبيق

تطوير تطبيق أبطأ بالمقارنة مع Angular 4

تطوير التطبيق المعجل بالمقارنة مع Angular 2

قبل الوقت (AOT)

لا قبل الوقت (AOT)

مقدمة قبل الوقت (AOT)

عرض المحرك

لا محرك المشاهدة

عرض محرك العرض

وظيفة الرسوم المتحركة

تتطلب وظيفة الرسوم المتحركة الزاوية Angular / code module ، مما يؤدي إلى إنشاء الحزمة الخاصة بها.

حزمة الرسوم المتحركة غير مطلوبة ، مما يقلل من حجم الرمز.

* ngIf و * ngFor

محدود * ngIf و * ngFor. لا يمكن استخدام صيغة if / else ، وتعيين المتغيرات المحلية

تحسين * ngIf و * ngFor. يمكن الاستفادة من بناء جملة if / else ، وتعيين المتغيرات المحلية مثل ما إذا كان سيتم إلغاء مراقبتها

Angular Universal

لا يحتوي على العمل الخارجي والداخلي من Universal

يحتوي على العمل الخارجي والداخلي من Universal

خرائط المصدر

لا يحتوي على خرائط مصدر

خرائط المصدر التي توفر سياقًا ذا معنى فيما يتعلق بالقالب الأصلي

المرجع: ويكيبيديا (Angular and Angular JS) ، Angular Minds ، DZone (1 ، 2) Image Courtesy: Codingmart.com، Etatvasoft.com

المقال السابق

الفرق بين زيت الكانولا والزيت النباتي

المقالة القادمة

الفرق بين الجوهر والنفط الأساسي