Kumusta, mga mahal kong kaibigan! Ngayon ay pag-uusapan natin ang tungkol sa mga pakinabang ng Angular. Kung gumagamit ka ng AngularJS, dapat kang lumipat mula sa AngularJS patungong Angular. Bakit? Basahin ang artikulong iyon at gumawa ng pagpipilian para sa pinakamahusay na balangkas.
Ano ang AngularJS?
Bago pag-usapan ang tungkol sa dalawang balangkas na ito, unawain natin kung sino sino. Binago ng AngularJS ang mga balangkas na bumuo ng mga solong pahina na aplikasyon (SPA). Angular ay pinakawalan sa tulong ng Google, na sumusuporta pa rin dito. At ito ay inilabas noong 2010 at mula noon maraming mga bagong bersyon ng AngularJS. Gumagana ang balangkas sa tulong ng JavaScript at nilikha para sa pagpapaunlad ng mga solong-pahina na web application. Ang pinaghiwalay ng Angular ay ang kakayahang i-convert ang HTML sa serye ng oras. mga kawalan ng AngularJS at mauunawaan mo kung bakit hindi ito ang pinakamahusay na bersyon ng balangkas. / p>
JavaScript. Oo, kahit na napaka-maginhawa upang gumana sa JavaScript, ngunit kung wala ito hindi ka makakagawa ng anupaman sa AngularJS. Samakatuwid, mayroong isang bagong problema - sa maraming mga aparato, ang JS ay hindi suportado (oo, parang malungkot ito). Siyempre, walang ganoong mga problema sa mga bagong laptop at computer, ngunit kung kumuha ka ng halimbawa ng isang tinedyer na may isang lumang laptop na nais na malaman AngularJS, at simpleng hindi siya nagpapatakbo ng JavaScript. At ang pagnanais na malaman ang isang bagong bagay ay nawala.
Mahirap para sa mga nagsisimula. Ang istraktura ng AngularJS ay lubos na naa-access, ngunit nang una mong malaman ang tungkol sa balangkas na ito, nahaharap ka sa maraming mga problema. Hindi alam ng lahat kung paano gumana sa mga direktiba at dependency nang sabay-sabay (at ito ay isang bahagi ng AngularJS code). Bilang karagdagan, may mga gawain kung saan imposibleng malutas ang mga ito nang walang parehong mga direktiba, nagsisimulang mag-usisa ng developer ang kanilang system, nawawalan ng maraming oras (bagaman syempre mahusay ito kapag natututo ng bago), ngunit mayroong isang bagay bilang isang deadline. Kadalasang malinaw na nagtatakda ang customer ng mga deadline at hindi nais na maghintay ng mas mahaba kaysa sa tinukoy na oras. Samakatuwid, kahit na magagamit ang istraktura ng AngularJS, maaaring may mga problema sa maraming mga pagpapaandar sa proseso.
MVC. Hindi alam ng lahat kung paano ito magtrabaho. Mahaba rin ang oras upang maunawaan ang paraan ng kung paano gumagana ang MVC. Totoo, karamihan ngayon ay may karanasan sa pagtatrabaho kasama nito, ngunit mas maraming tradisyonal na mga developer ang nahaharap sa problemang ito. Sa kahulihan ay kailangan mong malaman kung anong mga programa ang kailangan mong malaman upang gumana sa AngularJS.
Dokumentasyon para sa edukasyon. Sa katunayan, hindi ito gaanong kumpara sa Angular. Ang mga nagsisimula ay talagang malas sa AngularJS na ito sa isang paraan. Gayunpaman, ang pag-aaral nito ay marami kang matututunan, matutunan ng maraming mga programa, at mas maraming nalalaman ng isang developer. At dahil may maliit na dokumentasyon tungkol sa AngularJS, ang mga programmer mismo ay maraming kailangang magkaroon ng maraming mga pagtatangka na gugugol ng oras.
Mga glitches. Ang mga produktong nilikha sa AngularJS ay pabago-bago, kaya't walang pagganap. Ang mga unang pagtatangka upang simulan ang programa ay maaaring maging sanhi ng mga pag-crash at pagkaantala.
Ano ang Angular 10?
Ang Angular 10 ay tumatagal ng mas kaunting espasyo kaysa sa mga nauna sa kanya. Ang mga bagong tampok na naidagdag sa iba't ibang ito ay pinabuting pagpili ng saklaw ng petsa sa Angular Material at mga alerto para sa pag-import ng CommonJS. Nagdagdag din ang mga developer ng isang bagong tampok - ang kapalit ng mga module ng batch ng ECMAScript kapag ang isang bundle na nakaimpake sa CommonJS ay maaaring humantong sa mas malaki, mas mabagal na mga programa. mga app, at banta sa seguridad Tungkol sa Outbyte, i-uninstall ang mga tagubilin, EULA, Patakaran sa Privacy.
Bilang karagdagan, nag-aalok ang Angular 10 ng isang mas madiskarteng pagsasaayos ng produkto kapag nagtatayo ng isang bagong puwang mula sa ng bago , hanggang sa ng bagong – mahigpit.
Pinapayagan ka ng pagpapagana na simulan ang isang produkto na may mga bagong setting para sa mas mahusay na pagtuklas ng error at mga karagdagang pag-optimize ng programa.
Mga Kalamangan ng Angular 10:
Serbisyong pangwika. Maaari nang gumamit ang tagapaghanda ng serbisyo ng wika ng higit sa isang uri ng pagsuri ng file gamit ang interface ng produkto na lumilikha ng ScriptInfos kung kinakailangan. Gayundin ang ilan sa mga nilalang HTML, tulad ng & amp ;, & lt ;, atbp ay tinanggal. Ginawa ito upang maprotektahan ang panloob na batayan ng pag-andar ng Angular LS na medyo pabagu-bago sa pagganap.
Pag-configure ng browser. Ang mga luma at hindi kilalang browser ay naalis na ngayon mula sa Angular 10. Ginagawa ito upang itaguyod ang mas bago at mas maginhawang mga browser. Gayundin, nagsasama ang pag-update na ito ng epekto sa hindi pagpapagana ng ES5 na awtomatikong pagbuo para sa mga bagong produkto. Upang magawa ito, dapat idagdag ng developer ang kinakailangang mga browser sa .browserslist RC file. upang paganahin ang mga build ng ES5 at pag-load ng kaugalian para sa mga browser.
Pag-update ng compiler . Ang tagatala ay hindi na-upgrade alinman, sa bersyon na ito ng Angular nagdagdag ang mga developer ng isang interface para sa tagatala upang ibalot ang aktwal na tagatala ngtsc. Ang mga namespace ay naidagdag din upang ang mga pag-aari at mababasa. Bilang karagdagan sa impormasyon ng pagpapakandili na ito, ang mga tagapili ng nilalaman, Angular na Serbisyo sa Wika, ay naidagdag din sa metadata. Sinusuportahan nito ang pagpapalawak ng eksaktong saklaw ng gastos sa ekspresyon ng ExpressionBinding microsyntax sa ParsedProperty, na kung saan ay maaaring pahabain ang saklaw sa isang AST template (parehong VE at Ivy).
Ngcc. Ang tampok na ito ay naidagdag upang ang isang programa ng point point ng paghahanap ay maaaring masimulan batay sa isang programa na nilikha lamang upang hawakan ang mga puntong entry na tinukoy ng programa ng tsconfig.json file magkakaroon ng access. Ang tampok na ito ay nagpapalitan ng proseso ng mga dependency na may ilang mga entry point na na-import sa produkto. Ang normal na landas ng package at punto ng pagpasok ay maaaring maiiwan sa file, kaya makakatulong ito upang maalis ang mga walang laman na pag-array.
Pagbutihin ang pagiging produktibo . Nagtrabaho ito sa pamamagitan ng pagbawas ng dami ng entry point. At isa pang plus ay ang pag-cache ng mga dependency ay nagaganap sa manifest point ng pagpasok at ang impormasyon ay nagmula doon, sa halip na gumawa ng mga kalkulasyon sa bawat oras. Ang dating nagagawa tuwing oras ay ang isang crawler ay nabuhay at ngayon ginagawa lamang ito kung kinakailangan sa TargetEntryPointFinder.
Typescript 3.9. Ang TypeScript ay isang wika batay sa JavaScript, ngunit may syntax para sa mga uri ng deklarasyon at anotasyon. Ang bersyon na ito ng TypeScript, bilang karagdagan sa pag-check para sa mga error, gumagana kasama ang tagatala sa istraktura, pinapabilis ang lahat, at ginawang normal ang pagpapatakbo nito. ang bersyon na ito ng Angular ay ang kakayahang pagsamahin ang maraming mga dokumento sa pagsasalin, habang ang mga nakaraang bersyon ay nag-download lamang ng isang file. Iyon ay, maaari nang pagsamahin ng mga developer ang mga pagsasalin ng dokumento gamit ang isang message ID. Upang magawa ito, dapat mong ilipat ang dokumento bilang pinakamahalaga sa unang pagsasalin, at ang iba pa sa paglaon.
Router. Ang CanLoad security guard ay maaari nang bumalik sa Urltree sa sulok na bersyon 10. Ang CanLoad guard na ibinalik ng Urltree ay nagkansela ng state-of-the-art na pag-navigate at tumutulong na ma-redirect ang data. Naaayon ito sa kasalukuyang pag-uugali ng mga magagamit na CanActivate na tagapagtanggol, na tila idinagdag din.
Core. Ang lahat ng mga babala ay mababasa na ngayon bilang mga error. Hindi ito isang masamang tampok, ngunit maaari itong maglaro ng mga tool na hindi inaasahan na ma-log in sa pamamagitan ng console.error. Ginagawa ng bagong bersyon ng Generic na ito na sapilitan para sa ModuleWithProviders na gumana kasama ang Ivy compilation at rendering pipeline. Tinitiyak nito na kung gumagamit ang developer ng View Engine, walang error sa pagbuo ang naisyu.
I-convert ang code sa Ivy. Ang lahat ng mga dependency sa Ivy mula sa npm ay dapat na mai-convert sa mga dependency ng Ivy, na dapat mangyari bilang isang pauna sa pagpapatakbo ngts sa application. Susunod, ang lahat ng hinaharap na pagtitipon at pagbubuklod na pagpapatakbo ay dapat gawin sa direksyon ng pagbabago ng mga bersyon ng mga dependency. Hindi ko sinasadya upang kumbinsihin ang lahat na kalimutan ang tungkol sa AngularJS at pumunta sa Angular 10. Hindi, ang bawat balangkas ay mas mahusay sa isang bagay. Ngayon ang Angular 10 ay mayroong lahat ng mga posibleng tampok upang lumikha ng mga hindi maunahan na mga proyekto, ngunit huwag kalimutan na ang isang taon o dalawa at ang bagong bersyon ay magiging mas mahusay kaysa dito. Payo ko - alamin hangga't maaari, magiging kapaki-pakinabang ang lahat ng mga bersyon ng mga balangkas.
Youtube Video.: Bakit Dapat Mong I-upgrade ang Iyong App Mula sa AngularJS patungong Angular
