Unterschied zwischen Winkel 2 und Winkel 4 | Unterschied Zwischen | natapa.org

Unterschied zwischen Winkel 2 und Winkel 4




Hauptunterschied: Angular 4 fügt Angular 2 eine Reihe neuer Funktionen hinzu und ist dennoch abwärtskompatibel. Außerdem können die auf Angular 4 entwickelten Programme weniger Speicherplatz benötigen und schneller ausgeführt werden, was wiederum die Größe der Anwendung verringert und deren Geschwindigkeit erhöht.

Angular ist eine von Google entwickelte Software. Der Hauptzweck von Angular ist die Erstellung von webbasierter Software. In Angular erstellte Anwendungen sind für das Leben im Internet, auf dem Handy oder auf dem Desktop gedacht. Die offizielle Beschreibung von Angular beschreibt es als "Open-Source-Front-End-Webanwendungsplattform", die auf TypeScript basiert, einer Open-Source-Programmiersprache, die von Microsoft entwickelt und verwaltet wird und von JavaScript beeinflusst wird.

Vor Angular 2 oder Angular 4 kam der AngularJS. Es sollte jedoch beachtet werden, dass Angular nicht das gleiche Programm wie AngularJS ist. In der Tat kann man sagen, dass Angular eine vollständige Neufassung von AngularJS ist. Aufgrund der Einschränkungen von AngularJS wurde eine Neufassung von Angular in Auftrag gegeben. Diese Version wurde vom ursprünglichen Team als Angular 2 bezeichnet. Dies führte jedoch zu Verwirrung, da sich diese Version völlig von AngularJS unterschied. Daher wurde entschieden, anstatt es eine zweite Version von AngularJS zu nennen, es wird nur Angular genannt, ein völlig anderes Programm. Die erste Version von Angular hieß Angular 2, der Name blieb erhalten, da es sich um die zweite Version des ursprünglichen Programms handelte, während die AngularJS-Versionen Version 1.X hießen.

Angular 2 wurde auf der ng-Europe-Konferenz am 22. und 23. September 2014 angekündigt, während die endgültige Version am 14. September 2016 veröffentlicht wurde. Angular 4 wurde dagegen am 13. Dezember 2016 und die endgültige Version angekündigt Start war am 23. März 2017. Angular 3 wurde übersprungen, um Verwirrung zu vermeiden, da die Angular-Version des Router-Pakets aufgrund einer fehlerhaften Versionsnummerierung bereits als v3.3.0 verteilt wurde.

Einer der Hauptvorteile von Angular 4 besteht darin, dass die gebündelte Dateigröße im Vergleich zu Angular 2 um 60% reduziert wird. Außerdem ist es mit Angular 2 abwärtskompatibel und mit den neueren Versionen von TypeScript, wie TypeScript 2.1, kompatibel und TypeScript 2.2. Der Vorteil davon ist, dass die Typüberprüfung verbessert und die IDE-Funktionen für Visual Studio Code verbessert werden.

Außerdem ist in Angular 4 der erzeugte Code im Vergleich zu Angular 2 reduziert. Die Anwendungsentwicklung wurde auch in Angular 4 beschleunigt. Der in Angular 4 generierte Code kann auch im Debug-Modus und im Produktionsmodus verwendet werden. Außerdem können Instanzentwickler neue Anweisungen und Steuerelemente hinzufügen. Winkel 4 hat auch verschiedene Komponentenaufteilungsmerkmale, die die Wiederverwendbarkeit von Code verbessern.

Bei Winkel 4 wurde eine View-Engine eingeführt, die die Größe des generierten Codes verringert. Dabei wird die AOT-Methode (Ahead of Time) verwendet. In Angular 2 erfordert die Animationsfunktion Angular außerdem das Modul @ angle / code, das im Wesentlichen ein eigenes Paket erstellt. In Angular 4 wird das Animationspaket nicht mehr verwendet, wodurch die Größe des Codes reduziert wird.

Angular 4 bietet auch eine verbesserte * ngIf und * ngFor. Es kann jetzt eine if / else-Design-Syntax verwenden. Es können auch lokale Variablen zugewiesen werden, z. B. wenn ein Observable aufgerollt werden soll. Angular 4 enthält auch die externen und internen Arbeiten von Universal, die sich im @ angle / platform-server befinden. Angular 4 führt außerdem Quellkarten ein, die helfen können, einen aussagekräftigen Kontext in Bezug auf die Originalvorlage bereitzustellen, da hierdurch Fehler in einer der Vorlagen verursacht werden können.

Mit anderen Worten, Angular 4 fügt Angular 2 eine Reihe neuer Funktionen hinzu und ist dennoch abwärtskompatibel. Außerdem können die auf Angular 4 entwickelten Programme weniger Speicherplatz benötigen und schneller ausgeführt werden, was wiederum die Größe der Anwendung verringert und deren Geschwindigkeit erhöht.

Vergleich zwischen Winkel 2 und Winkel 4:

 

Winkel 2

Winkel 4

Programm

Winkelig

Winkelig

Gestartet

14. September 2016

23. März 2017

Rückwärtskompatibilität

Nicht kompatibel mit AngularJS.

Angular 4 ist mit Angular 2 abwärtskompatibel

Kompatibilität mit TypeScript

Kompatibel mit TypeScript 2.0. Nicht kompatibel mit TypeScript 2.1 und TypeScript 2.2.

Kompatibel mit TypeScript 2.1 und TypeScript 2.2

Dateigröße

60% größere Paketgröße im Vergleich zu Angular 2

60% Reduzierte gebündelte Datei im Vergleich zu Angular 4

Richtlinien und Kontrollen

Begrenzte Richtlinien und Kontrollen

Neue Richtlinien und Kontrollen

Komponentenaufteilungsfunktionen

Beschränkt auf keine Komponentenaufteilungsfunktionen

Komponentenaufteilungsfunktionen

Wiederverwendbarkeit von Code

Begrenzte Wiederverwendbarkeit von Code

Erhöhte Wiederverwendbarkeit von Code

Anwendungsentwicklung

Langsamere Anwendungsentwicklung im Vergleich zu Angular 4

Beschleunigte Anwendungsentwicklung im Vergleich zu Angular 2

Vor der Zeit (AOT)

Keine Zeit voraus (AOT)

Vor der Zeit eingeführt (AOT)

Engine anzeigen

Keine View Engine

View Engine eingeführt

Animationsfunktion

Die Angular-Animationsfunktion erfordert das @ angle / code-Modul, das im Wesentlichen ein eigenes Paket erstellt.

Ein Animationspaket ist nicht erforderlich, wodurch die Größe des Codes reduziert wird.

* ngIf und * ngFor

Begrenzte * ngIf und * ngFor. Kann keine if / else-Design-Syntax verwenden und lokale Variablen zuweisen

* NgIf und * ngFor wurden verbessert. Kann eine if / else-Design-Syntax verwenden und lokale Variablen zuweisen, z. B. wenn ein Observable aufgerollt wird

Winkelig Universal

Enthält nicht die externen und internen Arbeiten von Universal

Enthält die externen und internen Arbeiten von Universal

Quellkarten

Enthält keine Quellkarten

Quellkarten, die einen aussagekräftigen Kontext zur ursprünglichen Vorlage bieten

Referenz: Wikipedia (Angular und Angular JS), Angular Minds, DZone (1, 2) Mit freundlicher Genehmigung: Codingmart.com, Etatvasoft.com

Vorheriger Artikel

Unterschied zwischen Hürde und Hindernis

Nächster Artikel

Unterschied zwischen empirischer und molekularer Formel