Mikä on AngularJS? Johdanto, Archirakenne ja ominaisuudet
James Hartman
Mikä on AngularJS?
angularjs on avoimen lähdekoodin Model-View-Controller-kehys, joka on samanlainen kuin JavaKäsikirjoitus puitteet. AngularJS on luultavasti yksi suosituimmista nykyajan verkkokehyksistä, joita on saatavilla tänään. Tätä kehystä käytetään enimmäkseen yhden sivun sovellusten kehittämiseen. Tämän kehyksen on kehittänyt Googlen itsensä kehittäjäryhmä.
Googlen pelkän tuen ja laajan yhteisöfoorumin ideoiden ansiosta kehys pidetään aina ajan tasalla. Lisäksi se sisältää aina markkinoiden viimeisimmät kehitystrendit.
angularjs Archirakenne
Angular.js noudattaa MVC-arkkitehtuuria, MVC-kehyksen kaaviota alla olevan mukaisesti:
- Ohjain edustaa kerrosta, jolla on liiketoimintalogiikka. Käyttäjätapahtumat käynnistävät ohjaimesi sisään tallennetut toiminnot. Käyttäjätapahtumat ovat osa ohjainta.
- Näkymiä käytetään edustamaan loppukäyttäjille tarjottavaa esityskerrosta
- Malleja käytetään edustamaan tietojasi. Mallinne tiedot voivat olla yhtä yksinkertaisia kuin vain primitiiviset ilmoitukset. Jos esimerkiksi ylläpidät opiskelijasovellusta, tietomallissasi voi olla vain opiskelijatunnus ja nimi. Tai se voi olla myös monimutkaista, koska sillä on strukturoitu tietomalli. Jos ylläpidät auton omistushakemusta, voit määrittää rakenteita itse ajoneuvon moottoritilavuuden, istuintilavuuden jne.
AngularJS:n ominaisuudet
Angularilla on seuraavat keskeiset ominaisuudet, mikä tekee siitä yhden markkinoiden tehokkaimmista kehyksistä:
- MVC – Kehys on rakennettu kuuluisalle konseptille MVC (Model-View-Controller). Tämä on suunnittelumalli, jota käytetään kaikissa nykypäivän verkkosovelluksissa. Tämä malli perustuu liiketoimintalogiikkakerroksen, tietokerroksen ja esityskerroksen jakamiseen erillisiin osiin. Jako eri osiin tehdään siten, että jokaista olisi helpompi hallita.
- Tietomallin sidonta – Sinun ei tarvitse kirjoittaa erityistä koodia sitoaksesi tietoja HTML-säätimiin. Angular voi tehdä tämän lisäämällä vain muutaman koodinpätkän.
- Kirjoittaa vähemmän koodia – Kun suoritat DOM-manipulaatiota paljon JavaKäsikirjoitus oli kirjoitettava minkä tahansa sovelluksen suunnittelua varten. Mutta Angularilla tulet hämmästymään pienemmästä määrästä koodia, joka sinun on kirjoitettava DOM-käsittelyä varten.
- yksikkö Testaus valmis – Googlen suunnittelijat kehittivät Angularin lisäksi myös "Karma"-nimisen testauskehyksen, joka auttaa AngularJS-sovellusten yksikkötestien suunnittelussa.
AngularJS edut
Tässä ovat AngularJS:n edut:
- Koska kyseessä on avoimen lähdekoodin kehys, voit odottaa virheiden tai ongelmien määrän olevan minimaalinen.
- Kaksisuuntainen sidonta – Angular.js pitää data- ja esityskerroksen synkronoituna. Nyt sinun ei tarvitse kirjoittaa enempää JavaSkriptikoodi pitääksesi HTML-koodisi tiedot ja tiedot myöhemmin synkronoituna. Angular.js tekee tämän automaattisesti puolestasi. Sinun tarvitsee vain määrittää, mikä ohjausobjekti on sidottu mihin mallisi osaan.
- Reititys – Angular voi huolehtia reitityksestä, mikä tarkoittaa siirtymistä näkymästä toiseen. Tämä on yksisivuisten sovellusten keskeinen perusta; jossa voit siirtyä verkkosovelluksesi eri toimintoihin käyttäjän vuorovaikutuksen perusteella, mutta silti pysyä samalla sivulla.
- Kulmatukien testaus, molemmat Yksikkötestausja Integraation testaus.
- Se laajentaa HTML:ää tarjoamalla omia elementtejään, joita kutsutaan direktiiveiksi. Korkealla tasolla direktiivit ovat DOM-elementin (kuten attribuutin, elementin nimen ja kommentin tai CSS-luokan) merkkejä, jotka käskevät AngularJS:n HTML-kääntäjän liittämään tietyn toiminnan kyseiseen DOM-elementtiin. Nämä ohjeet auttavat laajentamaan olemassa olevien HTML-elementtien toimintoja ja antamaan verkkosovelluksellesi enemmän tehoa.
