Angularjs vs Angular2 | cili eshte ndryshimi

AngularJS

Duke parë mbrapa, ekzistonte një mundësi për të krijuar aplikacione shumë të avancuara në internet duke përdorur API të pastër JavaScript, por ishte vërtet e vështirë të ruash bazën fillestare të kodeve dhe të testosh të gjithë atë. Dhe pastaj në 2010 AngularJS u prezantua si Kornizë JavaScript MVW. Kishte përparësi të mëdha në pemë që i bën njerëzit ta pëlqejnë atë:

  • Prodhimi i kodit ishte pakrahasueshëm i shpejtë
  • Piecedo pjesë e aplikimit ishte lehtësisht e provueshme
  • Google ishte prapa projektit

Ka gjëra të tjera që e bëjnë Angular kaq të mirë për programuesit. E para është detyruese e të dhënave me dy drejtime. Angular ju lejoi të shihni të dhënat e ndryshuara në JavaScript për t'u pasqyruar automatikisht në UI. Ajo i bëri gjërat shumë më të lehta për tu zhvilluar në fillim, sepse nuk kërkohej më shumë kodim përveç lidhjes së një kontrolluesi të duhur me pjesën e HTML. Përfitimi i dytë që sjell Angular për programuesit janë direktivat. Ata janë pika fillestare për të gjithë përbërësit që shohim tani në front-end modern. Direktivat lejuan që kodi të ishte shumë më i ripërdorshëm dhe i ndarë se kurrë më parë. AngularJS detyroi një injeksion të varësisë dhe ndihmoi në talljen e varësive. Paraqitja e saj në kuadër e bëri Angular një hap të madh përpara në rastin e testimit të aplikacioneve të para.

Të gjitha këto avantazhe bënë që gjithnjë e më shumë kompani të rishkruanin aplikacionet e tyre nga zgjidhjet e tyre të ndërtuara në krye të bibliotekave të tjera në AngularJS.

2 këndore

AngularJS është një mënyrë e shkëlqyeshme për të filluar një aplikacion ose MVP. Me një popullaritet në rritje dhe karakteristika gjithnjë e më shumë që vijnë në thelb, ekipi Angular vendosi të rishkruajë kornizën origjinale, duke prezantuar Angular 2. Disa thonë që Angular 2 dhe AngularJS ndajnë vetëm një gjë: emrin. Ekziston një shteg migrimi (i quajtur ng-upgrade) nga AngularJS në Angular 2. Megjithatë, Angular 2 është akoma një kornizë krejt e re që ndan vetëm disa koncepte të paraardhësit të saj.

I gjithë koncepti i strukturës së aplikacionit ka ndryshuar në Angular 2. Më parë ishte korniza MVC ajo që ju lejonte të krijoni aplikime në modelin e njësive mjaft të shoqëruara si kontrollorët, pamjet, shërbimet, etj. E gjithë arkitektura e AngularJS dukej kështu:

arkitekturë img - ng1

Tani, koncepti i direktivave është shtyrë më tej të jetë shumë më afër standardit të Web Component-it dhe mënyrës së React të strukturimit të aplikacionit. Ka të bëjë me komponentët në Angular 2. Do të thotë se e gjithë aplikacioni tani është një komponent, i cili përmban një grup tjetër përbërësish (të cilat mund të jenë të rregullt). Përfundon me një strukturë të ngjashme me pemën:

arkitekturë img - ng2

Qëllimi i arkitekturës së aplikacionit Angular 2 është të krijojë komponentë që nuk varen nga njëri-tjetri, të cilët janë sa më çift të jetë e mundur.

Gjëja e rëndësishme është të prezantohen dy mënyra për krijimin e përbërësve:

  • Komponentët inteligjentë: Ata dinë për gjendjen e aplikacionit dhe mund të komunikojnë me shërbime për të marrë ose modifikuar të dhënat.
  • Komponentët memecë: Ata duhet të kenë vetëm hyrje dhe rezultate. Ata janë të gatshëm të vendosen kudo në sistem (ose edhe jashtë tij) kur sigurojnë vlerat e duhura në input, dhe ata nuk duhet të dinë për ekzistencën e gjendjes së aplikimit.

Performance

Të kesh një pemë të tillë të përbërësve bën një ndryshim të madh në performancën. Qëllimi me AngularJS nuk ishte të krijonte kornizën më efikase, por përkundrazi më e lehtë për tu shkruar. Ndërsa performanca u bë më shumë problem, Angular 2 u prezantua për të zgjidhur çështjen. AngularJS kishte një cikël tretjeje, i cili lejonte ndryshime për të shkaktuar përditësime lart e poshtë. Këndorja 2, nga ana tjetër, ka një grafik të drejtimit të komponentëve që gjithmonë kontrollohet një herë (për shkak të një shtegu përshkues nga rrënja në gjethe). Sipas anëtarëve të ekipit thelbësor Angular, këto ndryshime bënë që aplikacionet Angular 2 të funksionojnë 3-10x më shpejt sesa të njëjtat aplikacione të krijuar me AngularJS më të fundit.

ekosistemit

Botuar fillimisht në www.laravelfeed.com.