Kulmaisen JS: n käyttö
Angular JS on JavaScript-pohjainen avoimen lähdekoodin käyttöliittymäverkkosovelluskehys, jota ylläpitävät Google sekä yksityishenkilöiden ja yritysten yhteisö vastaamaan moniin haasteisiin, joita kohdataan yhden sivun sovellusten kehittämisessä. Kulmikas JS ei ole ohjelmointikieli, vaan JavaScript-kehys yhden sivun sovelluksille. YKSI SIVUSovellus (SPA) tarkoittaa, että Angular JS on tehokas JavaScript-kehys dynaamisten web-sovellusten rakentamiseen.
Kulmainen JS
- Kulma-JS luotiin vuonna 2009 kahden kehittäjän, Misko Heveryn ja Adam Abronsin, sivuprojektina. He olivat alun perin käynnistäneet projektin rakentaa päästä päähän -työkalu, joka antoi verkkosuunnittelijoille mahdollisuuden olla vuorovaikutuksessa sekä etusivun että taustan kanssa.
- Se on kirjoitettu JavaScriptinä. Hyvä asia ja syy siihen, että Angular on suosittu markkinoilla, on se, että siinä on joukko käyttövalmiita moduuleja yksinkertaistamaan yhden sivun sovellusten rakentamista.
- Kulmainen JS seuraa MVC-rakennetta. Me kaikki tiedämme, että MVC tarkoittaa Model View Controlleria ja on yksi suosituimmista ohjelmistosuunnittelumalleista verkkosovellusten kehittämisessä.
Nyt tulee kysymys siitä, mitä Model View and Controller oikeastaan edustaa Angular JS: ssä.
Malli - Se on tietojen ylläpidosta vastaavan kuvion alin taso.
Ohjain - Se on komponentit ja direktiivit. Keskustelemme tästä myöhemmissä osioissa.
Näytä - Näkymän alla on Kulman käsittelemä malli (HTML) ja selain.
Kulmaisella JS: llä on monia ominaisuuksia, joista aiomme keskustella myöhemmin osiossa. Monien ominaisuuksiensa ansiosta ominaisuudet, kuten tiedonsiirto ja riippuvuusinjektio, eliminoivat suuren osan koodista, joka nykyisin täytyy kirjoittaa käyttämättä Angular JS: tä. Kaikki tapahtuu selaimen sisällä, mikä tekee siitä ihanteellisen kumppanin minkä tahansa palvelinteknologian kanssa.
Kuvallinen kuvaus kulmaisesta JS: n tärkeistä osista.
Lähde: Internet
Kulmaisen JS: n ominaisuudet ja käyttötavat
Angular JS: n käytöstä on useita etuja. Löydä alla olevat kohdat, joissa Angular JS: tä on käytetty laajasti ja tehokkaasti. Alla on luettelo Angular JS: n suosituimmista käyttökohteista.
-
direktiivit
Direktiivit ovat merkintöjä DOM-elementeille (kuten elementit, määritteet, CSS ja muut). Angular JS: ssä on joukko sisäänrakennettuja direktiivejä, jotka tarjoavat toiminnallisuuden sovelluksillesi. Voimme myös luoda omia direktiivejämme Angular JS: ään. Jotkut sisäisistä direktiiveistä ovat seuraavat:
ng-sovellus, ng-init, ng-malli.
-
Data-sitova
Se on mallin ja näkymän välinen synkronointi. ng-bind- ja ng-mallidirektiivit tarjoavat datasitoutumisen toiminnallisuuden.
-
laajuus
Nämä ovat esineitä, jotka viittaavat malliin.
Laajuus on sitova osa HTML: n (näkymä) ja JavaScriptin (ohjain) välillä. Se on objekti, jolla on käytettävissä olevat ominaisuudet ja menetelmät, ja se on saatavana sekä näkymälle että ohjaimelle. Joten lyhyesti sanottuna se on yhdistävä osa ohjaimen ja näkymän välillä. Asteikkoa käytetään $ -alueella Angular JS: ssä.
Huomaa: Jos teemme ohjaimen ja argumentin välitettäväksi, se on mahdollista $ -laajuudella. Sitten vain näkymä (HTML) saa pääsyn näihin ominaisuuksiin.
-
ohjain
Kulma-JS-ohjaimet ohjaavat kulma-JS-sovellusten tietoja. Ohjaimet ovat tavallisia JavaScript-objekteja. Ohjaimet hallitsevat Angular JS: n sovelluksia. Kulma-JS: ssä ohjain määritetään ng-ohjaimella
-
Palvelut
Palvelu on toiminto tai objekti, joka tulee Angular JS: n mukana. Voimme myös tehdä palvelun Angular JS: n soveltamiseen. Palvelun laajuus on rajoitettu Angular JS: n soveltamiseen.
Angular JS: llä on saatavana lähes 30 sisäänrakennettua palvelua.
esimerkkejä:
$ sijainti: Se ei ole muuta kuin vaihtoehto "widow.location ", mitä teemme HTML-muodossa.
$ http: Se tekee pyynnön palvelimelle ja antaa sovelluksen käsitellä vastauksen.
Siirrytään seuraavaan kulmaisen JS: n käyttöön.
-
Suodattimet
Suodattimia käytetään kulmassa JS tietojen muotoiluun. Voimme myös luoda omia suodattimia rekisteröimällä uuden suodattimen tehdastoiminnon moduuliin. Seuraavat ovat muutama Angular JS: n tarjoama suodatin:
valuutta, päivämäärä, suodatin, json, limitTo, pienet kirjaimet, numero, orderBy, isot kirjaimet.
-
Mallit
Se tarjoaa katsojalle tietoja ohjaimesta ja mallista.
-
reititys
Se auttaa vaihtamaan näkymiä. Kulma-JS-sovelluksessa ngRoute-moduulien avulla sovellus voi siirtyä eri sivuille lataamatta koko sovellusta.
-
Mallinäkymä
Kuten edellä on jo selitetty, malli, joka on datan ja näkymän ylläpidosta vastaavan kuvion alin taso, edustaa kulmasovelluksen ja selaimen käsittelemää mallia (HTML).
-
Syvä linkitys
Se sallii sovelluksen tilan koodaamisen URL-osoitteessa, jotta se voidaan merkitä kirjanmerkkeihin. Kulman JS: n käyttö voidaan sitten palauttaa URL-osoitteesta samaan tilaan
-
Riippuvuusinjektio
Dependency Injection on ohjelmistosuunnittelumalli, joka käsittelee kuinka komponentit tarttuvat riippuvuuteensa.
Kulma-JS: ssä injektoriosajärjestelmä on vastuussa komponentin luomisesta, niiden riippuvuuksien ratkaisemisesta ja riippuvuuksien tarjoamisesta muille komponenteille tarpeen mukaan.
Kulmaisen JS: n edut
Kulma-JS: llä on seuraavat harvat edut, joista voisi olla hyötyä kulma-JS: n valinnasta kuin muista vaihtoehdoista:
- Yksinkertainen ja parannettu suunnitteluarkkitehtuuri.
- DOM-manipulointi.
- Pienempi kirjoitettava koodi.
- Paranna kehitystyön tehokkuutta.
- Koodin uudelleenkäytettävyys.
- Koodi on Unit Testable.
- Salli riippuvuusinjektio.
- Kaksisuuntainen tietojen sitominen.
- Kyky luoda mukautettuja direktiivejä.
- Varaus suodattimille.
Kulmaisen JS: n haitat
Koska kolikolla on kaksi puolta, samoin sillä on joitain haittoja ja monia etuja.
Seuraavassa on muutamia Angular JS: n haittoja, jotka tulisi pitää mielessä ennen kuin valitset Angular JS: n.
- Ei suojattu. Palvelinpuolen todennus ja valtuutus ovat tarpeen sovelluksen suojaamiseksi.
- Ei hajoavaa. Se tarkoittaa, että jos JavaScript on poistettu käytöstä, katsoja näkee perussivut.
- JavaScript-tuki on pakollinen.
- Vaikeudet oppia.
Johtopäätös - kulmaisen JS: n käyttö
Joten olemme oppineet Angular JS: n käytöt ja joitain perustietoja Angular JS: stä. Olemme myös törmänneet sen harvoihin monista osista, jotka auttavat meitä oppimaan siitä tietämystä. Olemme myös törmänneet sen eduista ja haitoista, minkä tulisi pitää mielessä, mitkä valitset Angular JS -sovelluksen. Se on yksi trendikkäistä markkinoiden tekniikoista nykymaailmassa.
Suositellut artikkelit:
Tämä on opas kulmikkaan JS: n käytöstä todellisessa maailmassa. Tässä olemme keskustelleet kulmikkaan JS: n eri ominaisuuksista ja käyttökohteista, kulma-JS: n eduista ja sen haitoista. Voit myös tarkastella seuraavaa artikkelia saadaksesi lisätietoja -
- Photoshopin käyttö
- Vadelma Pi: n käyttö
- JavaScriptin käyttö