Angularjs vs Angular2 | care este diferența

BurchaklarJS

Privind în urmă, am avut ocazia să creăm aplicații web foarte avansate folosind API-ul JavaScript JavaScript, dar a fost foarte dificil să menținem codul sursă și să îl testăm pe toate. Apoi, în 2010, AngularJS JavaScript a fost introdus ca MVW Framework. Arborele avea avantaje mari care i-au făcut pe oameni să iubească:

  • Generarea de coduri a fost foarte rapidă
  • Fiecare aplicație a fost ușor de testat
  • Google a fost în spatele proiectului

Există și alte lucruri care pot face colțul excelent pentru programatori. Prima este legarea în două sensuri a datelor. Are capacitatea de a vizualiza informațiile care au fost modificate în JavaScript pentru a fi afișate automat în UI. Inițial, acest lucru a făcut mult mai ușor să se dezvolte, deoarece nu a fost necesară codificarea suplimentară, în afară de conectarea unui controler HTML. Al doilea beneficiu pentru programatorii Angular este instrucțiunile. Ele sunt punctul de plecare al tuturor părților pe care le vedem în partea modernă. Directivele ne-au permis să folosim și să decodăm acest cod mai mult ca oricând. AngularJS a forțat injectarea dependenței, ceea ce a ajutat la batjocurarea dependenței. Aspectul său în cadru este un mare pas înainte în testarea software-ului Angular.

Toate aceste beneficii au determinat din ce în ce mai multe companii să își rescrie aplicațiile din alte soluții bazate pe bibliotecă către AngularJS.

Unghiul 2

AngularJS este o modalitate excelentă de a construi o aplicație sau un MVP. Odată cu creșterea popularității și adăugarea mai multor funcții la principalele caracteristici, echipa angulară a decis să rescrie cadrul original, prin introducerea Angular 2. Unele „Angular 2” și „AngularJS” împărtășesc un singur lucru: numele. Există o cale ng (numită modernizare ng) de la AngularJS la Angular 2. Cu toate acestea, Angle 2 este încă un cadru nou care împărtășește unele dintre conceptele predecesorilor săi.

Întregul concept de structură a aplicației s-a schimbat în colțul 2. Anterior, a fost un cadru MVC care v-a permis să creați programe sub formă de obiecte interconectate, cum ar fi controlerele, vizualizările, serviciile etc. Întreaga arhitectură AngularJS a fost următoarea:

arhitectură img - ng1

Acum, conceptul de directive a fost adus mai aproape de standardul Web Component și de metoda React a programării. Este vorba despre componentele din colțul 2. Aceasta înseamnă că întregul program este acum o componentă și conține un set diferit de componente (care pot fi modificate). Se încheie cu o structură asemănătoare cu arborele:

arhitectură img - ng2

Scopul arhitecturii de aplicații Angular 2 este de a crea cât mai ușor părți interconectate.

Cel mai important, există două moduri de a crea componente:

  • Componente inteligente: știu despre starea programului și pot contacta serviciile pentru a obține sau modifica informații.
  • Componentele mutante: ar trebui să aibă doar intrări și ieșiri. Atunci când furnizează valori de intrare, acestea sunt gata de a fi implementate oriunde (sau chiar în afara sistemului) și nu ar trebui să fie conștiente de starea aplicației.

prelucrare

Având un astfel de arbore de componente poate face o diferență uriașă în ceea ce privește performanța. Scopul AngularJS nu a fost să creeze cadrul cel mai eficient, dar cel mai ușor lucru a fost să scrieți. Pe măsură ce performanța devenea o problemă, Angular 2 a fost introdus pentru a aborda problema. AngularJS a avut un ciclu digestiv care a permis modificările să urce și să coboare. Unghiul 2, la rândul său, are un grafic direcționat al componentelor, care sunt verificate întotdeauna o dată (de la rădăcină până la frunze printr-o singură cale transversală). Conform membrilor echipei Angular core, aceste modificări fac ca aplicațiile Angular 2 să ruleze de 3-10 ori mai repede decât cele mai recente aplicații bazate pe AngularJS.

ecosistem

Publicat inițial pe www.laravelfeed.com.