Angularjs vs Angular2 | wat is het verschil

HoekenJS

Terugkijkend was het mogelijk om zeer geavanceerde webapplicaties te maken met de pure JavaScript API, maar het was erg moeilijk om de broncode te onderhouden en alles te testen. En in 2010 werd AngularJS JavaScript geïntroduceerd als het MVW Framework. De boom had grote voordelen waardoor mensen er dol op waren:

  • Code generatie was erg snel
  • Elke app was eenvoudig te testen
  • Google stond achter het project

Er zijn andere dingen die het nemen van bochten geweldig kunnen maken voor programmeurs. De eerste is de tweerichtingsgegevensverbinding. Het heeft de mogelijkheid om informatie te bekijken die in JavaScript is gewijzigd om automatisch in de gebruikersinterface te worden weergegeven. Dit maakte het in eerste instantie veel gemakkelijker om te ontwikkelen, aangezien er geen verdere codering nodig was, behalve het koppelen van een HTML-controller. Het tweede voordeel voor programmeurs van Angular zijn de instructies. Ze vormen het uitgangspunt van alle onderdelen die we in het moderne deel zien. Dankzij richtlijnen konden we deze code meer dan ooit gebruiken en decoderen. AngularJS dwong de injectie van verslaving, wat hielp de verslaving te bespotten. Het uiterlijk in het frame is een grote stap voorwaarts bij het testen van Angular-software.

Al deze voordelen hebben ertoe geleid dat steeds meer bedrijven hun applicaties herschrijven vanuit AngelsJS-oplossingen die op andere bibliotheken zijn gebouwd.

Hoek 2

AngularJS is een geweldige manier om een ​​app of MVP te bouwen. Met de toenemende populariteit en de toevoeging van meer functies aan de belangrijkste functies, besloot het Angular-team om het oorspronkelijke raamwerk te herschrijven door Angular 2 te introduceren. Sommige "Angular 2" en "AngularJS" delen maar één ding: naam. Er is een ng-pad (ng-modernisering genoemd) van AngularJS naar Angular 2. Angle 2 is echter nog steeds een nieuw raamwerk dat enkele van de concepten van zijn voorgangers deelt.

Het hele concept van applicatiestructuur veranderde in hoek 2. Voorheen was het een MVC-framework waarmee je programma's kon maken in de vorm van onderling verbonden objecten, zoals controllers, views, services, enzovoort. De hele AngularJS-architectuur was als volgt:

img - ng1 architectuur

Nu is het concept van richtlijnen dichter bij de Web Component-standaard en de React-programmeermethode gebracht. Dit gaat over de componenten in hoek 2. Dit betekent dat het hele programma nu een component is en een andere set componenten bevat (die kan worden gewijzigd). Het eindigt met een boomachtige structuur:

img - ng2 architectuur

Het doel van de toepassingsarchitectuur van Angular 2 is om zo veel mogelijk onderling verbonden onderdelen zo zacht mogelijk te maken.

Het belangrijkste is dat er twee manieren zijn om componenten te maken:

  • Slimme componenten: ze kennen de programmastatus en kunnen contact opnemen met de services om informatie te krijgen of te wijzigen.
  • Domme componenten: ze mogen alleen ingangen en uitgangen hebben. Bij het invoeren van invoerwaarden zijn ze klaar om overal (of buiten het systeem) te worden geïmplementeerd en mogen ze niet op de hoogte zijn van de status van de applicatie.

Werken

Het hebben van zo'n componentenboom kan een enorm verschil in prestaties maken. Het doel van AngularJS was niet om het meest effectieve raamwerk te creëren, maar het gemakkelijkste was om te schrijven. Naarmate de prestaties meer een probleem werden, werd Angular 2 geïntroduceerd om het probleem aan te pakken. AngularJS had een spijsverteringscyclus waardoor de veranderingen op en neer konden gaan. Hoek 2 heeft op zijn beurt een gerichte grafiek van de componenten, die altijd één keer worden gecontroleerd (van de wortel naar de bladeren via een enkel traverse pad). Volgens leden van het Angular-kernteam zorgen deze veranderingen ervoor dat de Angular 2-applicaties 3-10 keer sneller werken dan de nieuwste op AngularJS gebaseerde applicaties.

Ecosysteem

Oorspronkelijk gepubliceerd op www.laravelfeed.com.