Forskellen mellem vinkel 1 og vinkel 2

Det seneste JavaScript-bibliotek ser en konstant stigning i tilpasningen af ​​AngularJS eller ofte benævnt "Angular" eller "AngularJS 1.X". Dengang var det muligt at oprette avancerede og dynamiske webapplikationer ved hjælp af kun JavaScript API, men det var vanskeligt at opretholde den oprindelige kodebase. JavaScript startede en revolution inden for webapplikationsudvikling ved at lade scripts køre i en browser og etablerede sig selv som et kraftfuldt, fuldt funktionsprogrammeringssprog. I 2010 blev AngularJS introduceret som en open source-webapplikationsramme, der var designet til at forenkle både udvikling og test af webapplikationer ved at tilvejebringe en ramme for MVC- og MVVM-arkitekturer. Men hvert produkt skal udvikle sig. Vinkelformet har udviklet sig dramatisk i de sidste par år. I 2016 blev Angular 2.0 frigivet, hvilket bragte Angular ind i det moderne web til bygning af komplekse applikationer i browseren.

Hvad er vinkel 1 ?

AngularJS, almindeligvis kendt som "Angular" eller "Angular 1.X", er en af ​​de vidt anvendte open source-webapplikationsrammer, der vedligeholdes af Google sammen med et samfund af individuelle udviklere og virksomheder. AngularJS er en strukturel ramme baseret på JavaScript, der er designet til at opbygge dynamiske webapplikationer ved hjælp af HTML som skabelonsprog. Enkelt sagt er Angular, hvad HTML ville have været, hvis det var blevet brugt til at oprette webapplikationer. Angular udvider HTML-ordforrådet for at hjælpe dig med at opbygge dynamiske enkeltsides webapplikationer (SPA'er). Det er et omfattende værktøj til hurtig frontend-udvikling, der faktisk håndterer al den tunge løft på klientsiden for at gøre miljøet ekstraordinært udtryksfuldt og læsbart for slutbrugeren. Det er specialiseret i SPA-projekter og bruges af tusinder af udviklere over hele kloden. Da hvert produkt skal udvikle sig, gjorde Angular også.

Hvad er vinkelformet 2?

Angular 2.0 blev frigivet af Googles Angular-team i 2016 som en komplet makeover af den originale Angular 1-ramme. Developer Preview blev frigivet i april 2015, og den flyttede til Beta i december 2015. Den endelige version blev frigivet den 14. september 2016. Hele konceptet med applikationsstruktur er ændret i Angular 2.0. Det er en komplet omskrivning af den originale ramme, der er designet til at forenkle test- og udviklingsnyancer for udviklere. En af de største ændringer i Angular 2.0 er, at den er skrevet helt i TypeScript og er komponentbaseret. Det er tilstrækkeligt at sige, at Angular 2.0 handler om komponenter. Det ligner mere en hierarkisk struktur af komponenter minus inter-pålidelighed, hvilket betyder, at komponenterne ikke er afhængige af hinanden. Kort sagt, Angular 2.0 er en TypeScript-baseret front-end-webapplikation designet til at give et meget rigere udviklingsøkosystem.

Forskel mellem vinkel 1 og 2

Arkitektur af vinkel 1 og 2

Angular 2.0 er en komplet omskrivning af den originale AngularJS med en helt anden arkitektur end sin forgænger. I modsætning til AngularJS, der er baseret på model-view-controller (MVC), er Angular 2.0 helt komponentbaseret, hvilket betyder, at applikationen er sammensat af godt indkapslede, løst koblede komponenter. De ville skabe mindre afhængige og hurtigere enheder.

JavaScript vs. TypeScript

AngularJS er et webapplikationsramme baseret på JavaScript, som er et kraftfuldt programmeringssprog, der er fuldt udstyret, der bruges til at give dynamisk interaktivitet på websteder. Angular 2.0 er på den anden side en front-end webapplikation baseret på TypeScript, som er et open source syntaktisk supersæt af JavaScript og tilføjer valgfri statisk typning til sproget.

Controllere vs. komponenter

Controllere var en hjørnesten i AngularJS, som ville acceptere $ scope som en parameter. De er en af ​​de vigtigste komponenter i MVC-arkitekturen i AngularJS. Controllere er imidlertid en saga blott i Angular 2.0. Controllere og $ omfang bruges ikke længere i applikationsudvikling, de erstattes i stedet af komponenter og direktiver. Ideen er at skabe et træ af komponenter, der vil implementere klart definerede input og output.

Mobil support i vinkel 1 og 2

AngularJS blev designet under hensyntagen til mobil, men ikke uden sin retfærdige andel af performance-problemer. Den blev lavet til tovejs bindende app og lydhørhed uden støtte til mobil. Der er dog biblioteker, der skal få det til at køre på mobil. Angular 2.0 er på den anden side designet med mobilitetsdrevet tilgang, der ville forenkle udviklingen af ​​mobilapp til AngularJS. Det har gjort det muligt at udføre native applikationer til mobile platforme. Der er biblioteker som NativeScript, som ville hjælpe Angular med at opbygge native mobile applikationer virkelig hurtigt og effektivt.

Udførelse af vinkel 1 og 2

Det faktum, at Angular 2.0 er en komplet omskrivning af den originale AngularJS-version, blev ydelsesproblemerne for det meste fjernet i Angular 2.0. Den har kraftfulde skabelon, enklere API'er og enklere fejlsøgning sammen med de arkitektoniske ændringer, som igen forbedrer ydeevnen dramatisk. Plus, det er nu i stand til at opbygge SEO-venlige applikationer på én side, som var en flaskehals i den forrige vinkelformede version.

Indbygget injektion til afhængighed

Dependency Injection (DI) er en af ​​de vigtigste funktioner i AngularJS, som hjælper med at skabe objekter, der er afhængige af andre objekter. Afhængighedsinjektionsmodellen forbedres yderligere i Angular 2.0 for at gøre det lettere for udviklere at opbygge og teste webapplikationer mere effektivt end før. Den forbedrede DI-model ville generere flere muligheder for komponentbaseret arbejde i Angular 2.0.

Angular 1 vs. Angular 2: Comparison Chart

Resumé af vinkel 1 mod vinkel 2

AngularJS blev introduceret i 2010 som en open-source JavaScript-baseret ramme for at forenkle både udvikling og test af webapplikationer til MVC-baseret arkitektur. Skønt det er både stabilt og effektivt, har det sin rimelige andel fordele og ulemper. Hvert produkt udvikler sig på et tidspunkt, det gjorde også Angular. Den nyere og den avancerede Angular 2.0 er en komplet omskrivning af sin forgænger, som har medført nogle større forbedringer i modellen. En af de største ændringer i Angular 2.0 er, at det er baseret på TypeScript, som er et syntaktisk supersæt af JavaScript. Plus, controllere og $ scope erstattes af Components and Derivatives i Angular 2.0, hvilket gør det nemt at kommunikere med andre JavaScript-biblioteker, hvilket igen skaber store muligheder inden for objektorienteret programmering.