Uporaba kotnega JS

Angular JS je odprtokodni okvir za spletne aplikacije z odprto kodo, ki ga vzdržujeta Google in skupnost posameznikov in korporacij za reševanje številnih izzivov pri razvoju aplikacij za eno stran. Angular JS ni programski jezik, ampak je okvir JavaScript za aplikacije na eni strani. Z aplikacijo ENOTNE STRANKE (SPA) pomeni, da je Angular JS močan JavaScript okvir za gradnjo dinamičnih spletnih aplikacij.

Kotni JS

  • Angular JS je nastal leta 2009 kot stranski projekt dveh razvijalcev, Miska Heveryja in Adama Abronsa. Oba sta prvotno začela projekt, da bi zgradila orodje za konec, ki je spletnim oblikovalcem omogočilo interakcijo tako med sprednjim kot tudi nadomestnim ozadjem.
  • Napisana je v JavaScript. Dobra stvar in razlog, da je Angular priljubljen na trgu, je ta, da ima nabor že pripravljenih modulov za poenostavitev izdelave aplikacij za eno stran.
  • Kotni JS sledi strukturi MVC. Vsi vemo, da MVC pomeni Model View Controller in je eden izmed priljubljenih vzorcev programske opreme za razvoj spletnih aplikacij.

Zdaj se postavlja vprašanje, kaj sta Model View in Controller dejansko predstavljala v Angular JS.

Model - je najnižja raven vzorca, ki je odgovoren za vzdrževanje podatkov.

Krmilnik - to so sestavni deli in direktive. O tem bomo govorili v kasnejših razdelkih.

Pogled - predlogo (HTML), ki jo obdela Angular, in brskalnik vključi pod ogled.

Kotni JS ima številne funkcije, o katerih bomo razpravljali pozneje v razdelku. Zaradi številnih funkcij funkcije, kot so vezava podatkov in vbrizgavanje odvisnosti, odstranijo večji del kode, ki jo je treba napisati, ne da bi uporabljal Angular JS, in vse se dogaja znotraj brskalnika, zaradi česar je idealen partner s katero koli strežniško tehnologijo.

Slikovni prikaz nekaterih pomembnih delov kotne JS.

Vir: Internet

Značilnosti in uporabe kotnega JS

Uporaba Angular JS je več prednosti. Spodaj najdete razdelke, kjer se kotna JS uporablja široko in učinkovito. Spodaj je seznam najboljših uporab kotnih JS.

  • Direktive

Direktive so označevalci elementov DOM (kot so elementi, atributi, CSS in več). Angular JS ima nabor vgrajenih smernic, ki ponujajo funkcionalnost vašim aplikacijam. Tudi v Angular JS lahko oblikujemo lastne direktive. Nekatere vgrajene direktive so naslednje:

ng-app, ng-init, ng-model.

  • Zavezujoče podatke

Gre za sinhronizacijo med modelom in pogledom. Direktivi ng-bind in ng-model zagotavljata funkcionalnost vezave podatkov.

  • Obseg

To so predmeti, ki se nanašajo na model.
Obseg je zavezujoči del med HTML (pogled) in JavaScript (krmilnik). Je predmet z razpoložljivimi lastnostmi in metodami in je na voljo tako za pogled kot za krmilnik. Torej, skratka, je povezovalni del med krmilnikom in pogledom. V Angular JS se uporablja obseg z obsegom $.

Opomba: če naredimo krmilnik in argument, ki ga je treba posredovati, je možno z obsegom $. Nato samo pogled (HTML) dobi dostop do teh lastnosti.

  • Krmilnik

Kotni krmilniki JS nadzorujejo podatke kotnih aplikacij JS. Krmilniki so običajni JavaScript objekti. aplikacije kotne JS nadzirajo krmilniki. V kotnem JS je krmilnik definiran z ng-regulatorjem

  • Storitve

Storitev je funkcija ali predmet, ki je priložen kotni JS. Izdelamo lahko tudi storitev uporabe kotne JS. Obseg storitve je omejen na uporabo Angular JS.

Z Angular JS je na voljo skoraj 30 vgrajenih storitev.

Primeri:

$ location: Ni nič drugega kot alternativa »widow.location «, kar počnemo v HTML-ju.

$ http: Zahteva strežniku in aplikaciji omogoči, da obravnava odgovor.

Pojdimo na drugo uporabo kotnega JS.

  • Filtri

Filtri se uporabljajo v kotnem JS za oblikovanje podatkov. Svoje filtre lahko ustvarimo tudi tako, da z modulom registriramo novo tovarniško funkcijo filtrov. Sledi nekaj filtrov, ki jih ponuja Angular JS:

valuta, datum, filter, json, limitTo, mala črka, številka, orderBy, velika črka.

  • Predloge

Gledalcu nudi informacije s krmilnika in modela.

  • Usmerjanje

Pomaga pri preklopu pogledov. V programu Angular JS z moduli ngRoute pomaga aplikaciji preklopiti na različne strani, ne da bi naložili celotno aplikacijo.

  • Pogled modela

Kot je že zgoraj razloženo, da Model najnižja raven vzorca, ki je odgovoren za vzdrževanje podatkov in Pogled, predstavlja predlogo (HTML), ki jo obdelata kotna aplikacija in brskalnik.

  • Globoko povezovanje

Omogoča kodiranje stanja aplikacije v URL, tako da jo je mogoče zaznamek. Aplikacijo Angular JS lahko nato vrnete iz URL-ja v isto stanje

  • Vbrizgavanje odvisnosti

Dependency Injection je vzorec načrtovanja programske opreme, ki se ukvarja s tem, kako komponente pridobijo svoje odvisnosti.

V Angular JS je podsistem injektorjev odgovoren za ustvarjanje komponente, reševanje njihovih odvisnosti in zagotavljanje odvisnosti drugim komponentam, kot je potrebno.

Prednosti kotnega JS

Angular JS ima naslednje prednosti, ki bi lahko koristile izbiro kotnega JS namesto nekaterih drugih možnosti:

  1. Preprosta in izboljšana oblikovalska arhitektura.
  2. DOM manipulacija.
  3. Manj kode za pisanje.
  4. Izboljšati učinkovitost razvoja.
  5. Ponovna uporabnost kode.
  6. Koda je enota Testable.
  7. Dovoli vbrizgavanje odvisnosti.
  8. Dvosmerna vezava podatkov.
  9. Sposobnost ustvarjanja smernic po meri.
  10. Zagotavljanje filtrov.

Slabosti kotnega JS

Ker ima kovanec dve strani, ima podobno kot nekatere prednosti tudi številne slabosti.

Sledi nekaj pomanjkljivosti kotne JS, na katero morate upoštevati, preden izberete kotni JS.

  1. Ni varen. Za varovanje aplikacije sta potrebna strežniška overitev in avtorizacija.
  2. Ni razgradljivo. To pomeni, da če je JavaScript onemogočen, bo gledalec videl osnovne strani.
  3. Podpora za JavaScript je obvezna.
  4. Težave pri učenju.

Zaključek - Uporaba kotnega JS

Tako smo spoznali uporabo kotnega JS in nekaj osnovnih informacij o kotnem JS. Našli smo tudi nekaj njegovih številnih delov, ki nam pomagajo, da se naučimo nekaj znanja o njem. Ugotovili smo tudi njegove prednosti in slabosti, ki jih je treba upoštevati pri izbiri kotne JS za uporabo. To je ena od trendnih tržnih tehnologij v današnjem svetu.

Priporočeni članki:

To je vodilo za uporabo kotnih JS v resničnem svetu. Tu smo razpravljali o različnih značilnostih in uporabih kotnih JS, prednostih kotnih JS in njegovih pomanjkljivostih. Če želite izvedeti več, si oglejte tudi naslednji članek -

  1. Uporabe photoshopa
  2. Uporaba maline Pi
  3. Uporaba JavaScript

Kategorija:

Razvoj programske opreme