Angularjs proti Angular2 | kaj je razlika?

KotniJS

Če pogledamo nazaj, je obstajala možnost ustvarjanja zelo naprednih spletnih aplikacij s pomočjo čistega API-ja JavaScript, vendar je bilo res težko vzdrževati začetno kodno bazo in preizkusiti vse. Nato je bil AngularJS leta 2010 predstavljen kot JavaScript MVW Framework. Drevesa so imele velike prednosti, zaradi katerih so ga ljudje imeli radi:

  • Izdelava kod je bila neprimerljivo hitra
  • Vsak del aplikacije je bil lahko preizkusljiv
  • Google je stal za projektom

Obstajajo še druge stvari, zaradi katerih je Angular tako dober za programerje. Prva je dvosmerna vezava podatkov. Kotni vam omogoča, da vidite podatke, spremenjene v JavaScript, da se samodejno prikažejo v uporabniškem vmesniku. Na začetku je bilo stvari lažje razviti, saj ni bilo potrebno več kodiranja, razen povezave ustreznega krmilnika z delom HTML-ja. Druga korist, ki jo Angular prinaša programerjem, so direktive. So izhodišče za vse komponente, ki jih zdaj vidimo v sodobnem sprednjem delu. Direktivi sta omogočili veliko večjo uporabo in ločitev kode kot kdaj koli prej. AngularJS je prisilil injekcijo odvisnosti in je pomagal pri zasmehovanju odvisnosti. Njegov nastop v okviru je naredil Angular velik korak naprej pri testiranju front-end aplikacij.

Vse te prednosti so privedle do tega, da je vse več podjetij prepisalo svoje aplikacije iz lastnih rešitev, zgrajenih na drugih knjižnicah, v AngularJS.

Kotna 2

AngularJS je odličen način za zagon aplikacije ali MVP-ja. Z naraščajočo priljubljenostjo in vedno več funkcijami, ki prihajajo v središče, se je ekipa Angular odločila, da bo napisala prvotni okvir in predstavila Angular 2. Nekateri pravijo, da Angular 2 in AngularJS imata samo eno stvar: ime. Obstaja pot selitve (imenovana ng-upgrade) iz AngularJS v Angular 2. Vendar pa je Angular 2 še vedno povsem nov okvir, ki deli le nekatere koncepte svojega predhodnika.

Celotna zasnova strukture aplikacij se je spremenila v Angular 2. Pred tem je bil okvir MVC, ki vam je omogočil ustvarjanje aplikacij v vzorcu precej tesno povezanih entitet, kot so krmilniki, pogledi, storitve itd. Celotna arhitektura AngularJS je izgledala tako:

img - ng1 arhitektura

Zdaj so koncept direktiv spodbudili še naprej, da bi bili veliko bolj blizu standardu spletnih komponent in načinu reagiranja aplikacije React. Gre za komponente v Angular 2. To pomeni, da je celotna aplikacija zdaj komponenta, ki vsebuje še en nabor komponent (ki jih je mogoče usmeriti). Konča se z drevesno strukturo:

img - ng2 arhitektura

Namen arhitekture aplikacij Angular 2 je ustvariti komponente, ki niso odvisne druga od druge, ki so čim bolj ohlapne.

Pomembno je predstaviti dva načina ustvarjanja komponent:

  • Pametne komponente: vedo o stanju aplikacije in lahko s storitvami komunicirajo za pridobivanje ali spreminjanje podatkov.
  • Neumne komponente: Morali bi imeti le vhode in izhode. Pripravljeni so, da jih postavite kamor koli v sistemu (ali celo zunaj njega), ko dajete ustrezne vrednosti vhodu, in ne bi smeli vedeti o obstoju aplikacije.

Izvedba

Obstaja takšno drevo sestavnih delov zelo pomembno v učinkovitosti. Namen programa AngularJS ni bil ustvariti najučinkovitejši okvir, temveč je bil najlažji za pisanje. Ker je delovanje postalo večja težava, je bil za rešitev težave uveden Angular 2. AngularJS je imel prebavni cikel, zaradi česar so spremembe lahko sprožile posodobitve navzgor in navzdol. Kotni 2 ima na drugi strani usmerjeni graf komponent, ki se vedno preveri enkrat (zaradi ene prečne poti od korena do listov). Po besedah ​​članov skupine Angular Core je zaradi teh sprememb delovalo 3–10x hitreje aplikacije Angular 2, kot so bile iste aplikacije, ustvarjene z najnovejšimi AngularJS.

Ekosistema

Prvotno objavljeno na www.laravelfeed.com.