Mikä on Knockout.js?
Knockout on loistava Javascrip-kirjastoSe auttaa luomaan tekstirikkaan käyttöliittymän, jossa on hyvät näyttö- ja muokkausmahdollisuudet, käyttäen vain selkeää ja selkeää taustalla olevaa tietomallia. Aina kun paikallinen käyttöliittymäsi sisältö täytyy päivittää automaattisesti (esim. riippuen käyttäjän käyttäytymisestä tai ulkoisista tietolähteistä), KO voidaan toteuttaa helposti ja se on erittäin helppo ylläpitää.
KO:n tärkeät ominaisuudet:
Elegant riippuvuuksien seuranta – Aina kun tietolähdemalli muuttuu, se voi automaattisesti päivittää käyttöliittymäsi määritetyn sisällön.
Deklaratiivinen sitominen – Se sitoo käyttöliittymäsi tietolähdemalliin yksinkertaisella ja yksinkertaisella tavalla, ja voit käyttää mitä tahansa sisäkkäistä rakennepohjaa monimutkaisen dynaamisen rajapinnan rakentamiseen.
Hyvä skaalautuvuus – mukautettu toiminta voidaan toteuttaa muutamalla yksinkertaisella koodirivillä, jotka sitotaan uudeksi deklaraatioksi.
Muita etuja:
Puhdas Javascrip{filtering}t-kirjasto – yhteensopiva minkä tahansa palvelin- ja asiakasteknologian kanssa.
Sitä voidaan soveltaa hyvin olemassa oleviin sovelluksiin – ilman tarvetta muuttaa ohjelman pääarkkitehtuuria.
Yksinkertaisuus – vain 13K Gzip-pakkauksen jälkeen.
Yhteensopiva minkä tahansa suuren selaimen kanssa (IE 6+, Firefox 2+, Chrome, Safari ja muut)
Kattava joukko spesifikaatioita (käyttäytymisohjatulla kehityksellä) – tämä tarkoittaa, että ne voidaan helposti varmistaa uusissa selaimissa tai alustoilla.
Ruby on Railsin, Asp.net MVC:n tai muiden MVC-teknologioiden kehittäjät saattavat huomata sen olevan MVC:n reaaliaikainen muoto, jossa on deklaratiivinen syntaksi. Toisin sanoen, voit ajatella KO:ta tapana luoda käyttöliittymäkäyttöliittymä muokkaamalla JSON-dataa... Mitä ikinä se sinulle tekeekin.
Miten sitä käytetään?
Nopein ja hauskin tapa aloittaa on interaktiivinen opetus, ja kun olet hallinnut perustekniikat ja oppinut jokaisen verkkoinstanssin, olet valmis työskentelemään projektiesi parissa.
Kilpailevatko KO ja Jquery (prototyyppi jne.) keskenään vai voiko niitä käyttää yhdessä?
Kaikki rakastavat Jqueryä! Aiemmin jouduimme kestämään erilaisia epäjohdonmukaisia DOM-olioiden hallinta-API-menetelmiä, ja Jqueryn nousu on erinomainen vaihtoehto menneisyyden kömpelöille kehyksille, tehden siitä joustavan ja helppokäyttöisen. Jquery on erinomainen ja helppokäyttöinen verkkosivun elementtien käsittelyyn ja tapahtumien käsittelyyn, kun taas KO ratkaisee toisen ongelman.
Jos käyttöliittymäsi on hieman monimutkaisempi ja sisältää samanlaista käyttäytymistä, jos käytät vain Jqueryä, käyttöliittymä on monimutkaisempi ja vaikeampi kuin luulet, ja sen ylläpito on melko kallista. Otetaan esimerkki siitä, että taulukossa näytetään alkioiden lista, ilmoitetaan listojen määrä taulukossa ja otetaan käyttöön "Lisää"-painike, kun alkiolistojen määrä on alle 5, muuten pois päältä. Jqueryllä ei ole perusmallikonseptia, joten jos haluat saada projektilistojen määrän, sinun täytyy päätellä taulukosta/tr/div-luvuista. Jos sinun täytyy näyttää tietyn SPANSin datamäärä, muista myös päivittää SPANin teksti lisättäessäsi uutta dataa. Tietenkin sinun täytyy myös muistaa, että kun kokonaisluku >=5, sinun täytyy poistaa Lisää-painike käytöstä. Sitten, jos haluat toteuttaa Delete-toiminnon, sinun täytyy osoittaa, mikä DOM-elementti täytyy muuttaa sen jälkeen, kun sitä on klikattu.
Miten se eroaa Knockoutin kanssa?
KO:n myötä kaikki muuttuu hyvin yksinkertaiseksi. Sen avulla voit helposti skaalata projektisi monimutkaisuutta ilman huolta datan epäjohdonmukaisuuksista. Se yksinkertaisesti muuntaa tietosi Javascrip{filter}t-taulukkoon ja käyttää foreach sitomaan datataulukon tai joukon divejä. Aina kun datataulukko muuttuu, käyttöliittymä reagoi automaattisesti muutokseen (sinun ei tarvitse ilmoittaa, miten uusi rivi lisätään tai missä), ja loput ovat käyttöliittymädatan synkronointi. Esimerkiksi voit ilmoittaa seuraavan SPANin näyttämään datamäärän:
Siinä se! Sinun ei tarvitse kirjoittaa koodia päivittääksesi sen, sen päivitys riippuu muutoksista taulukossa myItems. Samoin Lisää-painikkeen käyttöönotto ja poistaminen käytöstä riippuvat myItems-taulukon pituudesta seuraavasti:
Tämän jälkeen, jos sinun täytyy toteuttaa "Delete"-toiminto, sinun ei tarvitse määritellä, miten käyttöliittymäelementtejä manipuloidaan, vaan sinun tarvitsee vain muokata datamallia.
Yhteenveto: KO:lla ei ole aikomusta kilpailla jQueryn tai muiden vastaavien DOM-manipulointikehysten kanssa. KO tarjoaa korkean tason tavan yhdistää datamalli käyttöliittymän käyttöliittymään.KO ei riipu jQuerystä itsestään, mutta jQueryä voi käyttää yhdessä, Elävät ja lempeät käyttöliittymämuutokset vaativat jQueryn käyttöä.
Varat:
http://www.aizhengli.com/knockoutjs/50/knockout.html
http://knockoutjs.com/
|
Julkaistu 11.8.2017 12.24.27
|
|
|
