Forskjellen mellom vinkel 1 og vinkel 2

Det siste JavaScript-biblioteket ser en jevn økning i tilpasningen av AngularJS eller ofte referert til som "Angular" eller "AngularJS 1.X". Det var da mulig å lage avanserte og dynamiske webapplikasjoner ved hjelp av bare JavaScript-API, men det var vanskelig å opprettholde den opprinnelige kodebasen. JavaScript startet en revolusjon i utvikling av webapplikasjoner ved å la skriptene kjøres i en nettleser og etablert seg som et kraftig, fullverdig programmeringsspråk. I 2010 ble AngularJS introdusert som en åpen kildekode webapplikasjon rammeverk som ble designet for å forenkle både utvikling og testing av webapplikasjoner ved å gi et rammeverk for MVC og MVVM arkitekturer. Men hvert produkt må utvikle seg. Vinkel har utviklet seg dramatisk de siste par årene. I 2016 ble Angular 2.0 utgitt som brakte Angular inn i den moderne nettsiden for å bygge komplekse applikasjoner i nettleseren.

Hva er kantet 1 ?

AngularJS, vanligvis kjent som "Angular" eller "Angular 1.X", er en av de mest brukte open source-applikasjonsrammene som vedlikeholdes av Google sammen med et fellesskap av individuelle utviklere og selskaper. AngularJS er et strukturelt rammeverk basert på JavaScript som er designet for å bygge dynamiske webapplikasjoner ved hjelp av HTML som malingsspråk. Enkelt sagt, Angular er hva HTML ville ha vært, hadde det vært brukt til å lage webapplikasjoner. Angular utvider HTML-ordforrådet for å hjelpe deg med å bygge dynamiske websider for enkelttsidene (SPA). Det er et omfattende verktøy for rask frontend-utvikling, som faktisk håndterer all tungløfting på klientsiden for å gjøre miljøet ekstraordinært ekspressivt og lesbart for sluttbrukeren. Den spesialiserer seg på SPA-prosjekter og brukes av tusenvis av utviklere over hele verden. Som hvert produkt må utvikle, gjorde Angular også.

Hva er Angular 2?

Angular 2.0 ble utgitt av Googles Angular-team i 2016 som en komplett sminke av den opprinnelige Angular 1-rammen. Utviklerens forhåndsvisning ble utgitt i april 2015 og flyttet til Beta i desember 2015. Den endelige versjonen ble utgitt 14. september 2016. Hele konseptet med applikasjonsstruktur har endret seg i Angular 2.0. Det er en fullstendig omskrivning av det opprinnelige rammeprogrammet som er designet for å forenkle testing og utvikling av nyanser for utviklere. En av de store endringene i Angular 2.0 er at den er skrevet helt i TypeScript og er komponentbasert. Tilstrekkelig å si, Angular 2.0 handler om komponenter. Det er mer som en hierarkisk struktur av komponenter minus inter-dependability, noe som betyr at komponentene ikke er avhengige av hverandre. Kort sagt, Angular 2.0 er et TypeScript-basert web-applikasjon som er utviklet for å gi et mye rikere utviklingsøkosystem.

Forskjellen mellom vinkel 1 og 2

Arkitektur av vinkel 1 og 2

Angular 2.0 er en fullstendig omskrivning av den originale AngularJS med en helt annen arkitektur fra forgjengeren. I motsetning til AngularJS, som er basert på modell-visning-kontrolleren (MVC), er Angular 2.0 helt komponentbasert, noe som betyr at applikasjonen består av godt innkapslede, løst koblede komponenter. De ville skape mindre avhengige og raskere enheter.

JavaScript vs. TypeScript

AngularJS er webapplikasjonsramme basert på JavaScript, som er et kraftig, fullverdig programmeringsspråk som brukes til å gi dynamisk interaktivitet på nettsteder. Angular 2.0, derimot, er en front-end webapplikasjon basert på TypeScript, som er en åpen kildekode syntaksisk oversetter av JavaScript og legger til valgfri statisk typing til språket.

Controllers vs Components

Controllers var en hjørnestein i AngularJS som ville akseptere $ scope som en parameter. De er en av hovedkomponentene i MVC-arkitekturen til AngularJS. Imidlertid er kontrollører en ting fra fortiden i Angular 2.0. Controllers og $ scope brukes ikke lenger i applikasjonsutvikling, men erstattes av komponenter og direktiver. Tanken er å lage et tre av komponenter som vil implementere klart definerte innganger og utganger.

Mobil støtte i vinkel 1 og 2

AngularJS ble designet for å ta hensyn til mobilen, men ikke uten sin rettferdige andel av ytelsesproblemer. Den ble laget for toveis bindende app og respons, uten støtte for mobil. Det er imidlertid biblioteker for å få det til å kjøre på mobil. Angular 2.0, derimot, er designet med mobilitetsdrevet tilnærming som vil forenkle utviklingen av mobilapplikasjoner for AngularJS. Det har gjort det mulig å oppnå egne applikasjoner for mobile plattformer. Det finnes biblioteker som NativeScript som vil hjelpe Angular build native mobile applikasjoner veldig raskt og effektivt.

Ytelse av vinkel 1 og 2

Det faktum at Angular 2.0 er en fullstendig omskrivning av den originale AngularJS-versjonen, ble ytelsesproblemer mest eliminert i Angular 2.0. Den har kraftig mal, enklere APIer og enklere feilsøking, sammen med de arkitektoniske endringene som igjen forbedrer ytelsen dramatisk. I tillegg er det nå i stand til å bygge SEO-vennlige enkeltsideapplikasjoner som var en flaskehals i den forrige Angular-versjonen.

Innebygd Dependency Injection

Dependency Injection (DI) er en av de viktigste funksjonene i AngularJS som hjelper til med å lage objekter som er avhengige av andre objekter. Beredskapsmodellen forbedres ytterligere i Angular 2.0, noe som gjør det enklere for utviklere å bygge og teste webapplikasjoner mer effektivt enn tidligere. Den forbedrede DI-modellen vil generere flere muligheter for komponentbasert arbeid i Angular 2.0.

Vinkel 1 vs. Vinkel 2: Sammenligningstabell

Sammendrag av Vinkel 1 vs. Vinkel 2

AngularJS ble introdusert i 2010 som et open-source JavaScript-basert rammeverk for å forenkle både utvikling og testing av webapplikasjoner for MVC-basert arkitektur. Selv om det er både stabilt og effektivt, har det en god andel av fordeler og ulemper. Hvert produkt utvikler seg på et tidspunkt, det gjorde også Angular. Den nyere og avanserte Angular 2.0 er en fullstendig omskrivning av forgjengeren som har gitt noen store forbedringer i modellen. En av de store endringene i Angular 2.0 er at den er basert på TypeScript som er en syntaktisk superset av JavaScript. Plus, Controllers og $ scope er erstattet av komponenter og derivater i Angular 2.0, noe som gjør det enkelt å kommunisere med andre JavaScript-biblioteker som igjen skaper store muligheter i objektorientert programmering.