Verschil tussen hoek 2 en hoek 4 | Verschil Tussen | nl.natapa.org

Verschil tussen hoek 2 en hoek 4




Belangrijk verschil: Angular 4 voegt een aantal nieuwere functies toe aan Angular 2, terwijl het nog steeds achterwaarts compatibel is. Het maakt het ook mogelijk dat de programma's die op Angular 4 zijn ontwikkeld minder ruimte innemen en sneller werken, waardoor de applicatie kleiner wordt en de snelheid toeneemt.

Angular is een software die is gemaakt door Google. Het primaire doel van Angular is het maken van webgebaseerde software. Toepassingen die op Angular zijn gemaakt, zijn bedoeld om te leven op internet, mobiel of op de desktop. De officiële beschrijving van Angular beschrijft het als een "open source front-end webapplicatieplatform" dat is gebaseerd op TypeScript, dat op zijn beurt een open-source programmeertaal is die is ontwikkeld en wordt onderhouden door Microsoft en wordt beïnvloed door JavaScript.

Vóór Angular 2 of Angular 4 kwam de AngularJS. Er moet echter worden opgemerkt dat Angular niet hetzelfde programma is als AngularJS. In feite kan worden gezegd dat Angular een complete herschrijving van AngularJS is. Vanwege de beperkingen van AngularJS, is een nieuw herschrijven van Angular in gebruik genomen. Deze versie heette Angular 2 door het oorspronkelijke team, maar dit leidde tot verwarring, aangezien deze versie compleet verschilt van AngularJS. Daarom werd besloten om in plaats van het een tweede versie van AngularJS te noemen, het gewoon Angular genoemd te worden, een heel ander programma. De eerste versie van Angular heette Angular 2, de naam bleef hangen, omdat het de tweede versie van het originele programma was, terwijl de AngularJS-versies Version 1.X heette.

Angular 2 werd aangekondigd op de ng-Europe-conferentie op 22-23 september 2014, terwijl de definitieve versie werd uitgebracht op 14 september 2016. Angular 4, aan de andere kant, werd aangekondigd op 13 december 2016 en de definitieve versie werd gelanceerd op 23 maart 2017. Hoek 3 werd overgeslagen om verwarring te voorkomen, omdat de versie van het routerpakket van Angular al werd uitgedeeld als v3.3.0 vanwege een verkeerde uitlijning van versienummers.

Een van de belangrijkste voordelen van Angular 4 is dat het de gebundelde bestandsgrootte met 60% vermindert in vergelijking met Angular 2. Het is ook achterwaarts compatibel met Angular 2 en compatibel met de nieuwere versies van TypeScript, zoals TypeScript 2.1 en TypeScript 2.2. Het voordeel hiervan is dat het de typecontrole verbetert en ook de IDE-functies voor Visual Studio-code verbetert.

Bovendien wordt in Angular 4 de gegenereerde code verminderd in vergelijking met Angular 2. De ontwikkeling van de applicatie is ook versneld in Angular 4. De code die is gegenereerd in Angular 4 kan ook worden gebruikt in debug-modus en productiemodus. Bovendien kunnen subsysteemontwikkelaars nieuwe richtlijnen en besturingselementen toevoegen. Angular 4 heeft ook verschillende splitsfuncties voor componenten, waardoor de code opnieuw kan worden gebruikt.

Angular 4 introduceerde een view engine, die de grootte van de gegenereerde code verkleint. Het doet dit met behulp van de Ahead of Time (AOT) -manier. Ook in Angular 2 vereist de Angular animatiefunctie de @ hoek / code module, die in wezen zijn eigen pakket creëert. In Angular 4 wordt het animatiepakket niet meer gebruikt, waardoor de code kleiner wordt.

Angular 4 beschikt ook over een verbeterde * ngIf en * ngFor. Het kan nu een if / else-ontwerpsyntaxis gebruiken. Het kan ook lokale variabelen toewijzen, bijvoorbeeld om een ​​waarneembaar uit te rollen. Angular 4 bevat ook het externe en interne werk van Universal, dat zich bevindt in @ angular / platform-server. Angular 4 introduceert verder bronkaarten die kunnen helpen een zinvolle context te verschaffen met betrekking tot de originele sjabloon, omdat het toestaat om fouten veroorzaakt door iets in een van de sjablonen in kaart te brengen.

Kort gezegd voegt Angular 4 een aantal nieuwere functies toe aan Angular 2, terwijl ze nog steeds achterwaarts compatibel zijn. Het maakt het ook mogelijk dat de programma's die op Angular 4 zijn ontwikkeld minder ruimte innemen en sneller werken, waardoor de applicatie kleiner wordt en de snelheid toeneemt.

Vergelijking tussen Angular 2 en Angular 4:

 

Hoekig 2

Hoekig 4

Programma

hoekig

hoekig

gelanceerd

14 september 2016

23 maart 2017

Achterwaartse compatibiliteit

Niet compatibel met AngularJS.

Angular 4 is achterwaarts compatibel met Angular 2

Compatibiliteit met TypeScript

Compatibel met TypeScript 2.0. Niet compatibel met TypeScript 2.1 en TypeScript 2.2.

Compatibel met TypeScript 2.1 en TypeScript 2.2

Bestandsgrootte

60% grotere gebundelde bestandsgrootte vergeleken met Angular 2

60% Gereduceerde gebundelde bestandsgrootte in vergelijking met Angular 4

Richtlijnen en controles

Beperkte richtlijnen en controles

Nieuwe richtlijnen en controles

Onderdelen splitsende functies

Beperkt tot geen splitsfuncties voor componenten

Onderdelen splitsende functies

Code hergebruik

Beperkte code herbruikbaarheid

Verbeterde code-herbruikbaarheid

Applicatie ontwikkeling

Langzamere applicatie-ontwikkeling in vergelijking met Angular 4

Versnelde applicatie-ontwikkeling in vergelijking met Angular 2

Ahead of Time (AOT)

Geen tijd vooruit (AOT)

Ahead of Time geïntroduceerd (AOT)

Bekijk de motor

Geen kijkmotor

Introductie van View Engine

Animatiefunctie

De Angular animatiefunctie vereist de @ hoek / code-module, in wezen het creëren van een eigen pakket.

Animatiepakket is niet vereist, waardoor de code kleiner wordt.

* ngIf en * ngFor

Beperkt * ngIf en * ngFor. Kan geen if / else-ontwerpsyntaxis gebruiken en lokale variabelen toewijzen

Verbeterde * ngIf en * ngFor. Kan een if / else-ontwerpsyntaxis gebruiken en lokale variabelen toewijzen, zoals if om een ​​waarneembaar bestand uit te rollen

Hoekig universeel

Bevat niet het externe en interne werk van Universal

Bevat het externe en interne werk van Universal

Bronkaarten

Bevat geen bronkaarten

Bronkaarten die een betekenisvolle context bieden met betrekking tot de oorspronkelijke sjabloon

Referentie: Wikipedia (Angular en Angular JS), Angular Minds, DZone (1, 2) Afbeelding Courtesy: Codingmart.com, Etatvasoft.com

Vorige Artikel

Verschil tussen Dynamische Microfoon en Condensatormicrofoons

Volgende Artikel

Het verschil tussen Miss World en Miss Universe