Mis on Knockout.js?
Knockout on suurepärane Javascripi raamatukoguSee aitab luua tekstirikka kasutajaliidese heade kuvamis- ja redigeerimisvõimalustega, kasutades ainult selget ja puhast aluseks olevat andmemudelit. Iga kord, kui sinu kohalik kasutajaliidese sisu vajab automaatset uuendamist (nt sõltuvalt kasutajakäitumise või väliste andmeallikate muutustest), saab KO-d hõlpsasti rakendada ja väga lihtne hooldada.
KO olulised omadused:
Elegantne sõltuvuste jälgimine – iga kord, kui andmeallika mudel muutub, saab see automaatselt uuendada sinu kasutajaliidese määratud sisu.
Deklaratiivne sidumine – See seob sinu kasutajaliidese andmeallika mudeliga lihtsal ja lihtsal viisil ning saad kasutada mistahes pesastatud struktuuri malli, et luua keerukas dünaamiline liides.
Hea skaleeritavus – kohandatud käitumist saab rakendada mõne lihtsa koodireaga, mida siduda uue deklaratsioonina.
Muud eelised:
Puhas Javascrip{filtering}t teek – ühilduv iga serveri ja kliendi tehnoloogiaga.
Seda saab hästi rakendada olemasolevatele rakendustele – ilma et peamist arhitektuuri oleks vaja muuta.
Lihtsus – ainult 13K pärast Gzipi kompressiooni.
Ühilduv kõigi suuremate brauseritega (IE 6+, Firefox 2+, Chrome, Safari ja teised)
Põhjalik spetsifikatsioonide komplekt (käitumispõhise arendusega) – see tähendab, et neid saab hõlpsasti kontrollida uutes brauserites või platvormides.
Arendajad, kes tunnevad Ruby on Railsi, Asp.net MVC või teiste MVC tehnoloogiaid, võivad leida, et see on MVC reaalajas vorm deklaratiivse süntaksiga. Teisisõnu, võid mõelda KO-st kui viisist UI kasutajaliidese loomiseks, muutes JSON-andmeid... Mis iganes see sulle annab.
Kuidas seda kasutada?
Kiireim ja lõbusaim viis alustamiseks on interaktiivne juhendamine, ning kui oled valdanud kõige põhilisemad tehnikad ja õppinud iga veebijuhtumi, oled valmis oma projektidega tegelema.
Kas KO ja Jquery (prototüüp jne) konkureerivad omavahel või saab neid koos kasutada?
Kõik armastavad Jqueryt! Varem pidime taluma erinevaid ebajärjekindlaid DOM-objektide manipuleerimise API meetodeid ning Jquery esilekerkimine on suurepärane alternatiiv varasematele kohmakatele raamistikudele, muutes selle paindlikuks ja lihtsaks kasutada. Jquery on suurepärane ja lihtne kasutada veebilehe elementide manipuleerimiseks ja sündmuste käsitlemiseks, samas kui KO lahendab teistsuguse probleemi.
Kui sinu UI liides on veidi keerulisem ja sisaldab mõningaid samu käitumisi, siis kui kasutad ainult Jqueryt, on kasutajaliides keerulisem ja keerulisem, kui arvad, ning selle hooldamine on üsna kallis. Võtame näite, kus kuvatakse tabelis elementide loend, kus on toodud nimekirjade arv, ja lubatakse "Lisa" nupp, kui üksuste nimekirjade arv on väiksem kui 5, muidu on need keelatud. Jqueryl puudub põhiline andmemudeli kontseptsioon, nii et kui tahad saada projektide nimekirjade arvu, pead tuletama tabeli/tr/div numbritest. Kui peate kuvama teatud SPANS-i andmemahtu, peaksite meeles pidama ka SPAN-i teksti uuendamist uute andmete lisamisel. Muidugi pead meeles pidama, et kui koguarv on >=5, tuleb Lisa nupp välja lülitada. Kui tahad Delete funktsiooni rakendada, pead märkima, millist DOM-i elementi tuleb pärast klõpsamist muuta.
Kuidas on erinev Knockouti puhul?
KO-ga muutub kõik väga lihtsaks. See võimaldab sul projekti keerukust hõlpsasti skaleerida, ilma et peaksid muretsema tekkivate andmete ebakõlade pärast. See lihtsalt teisendab su andmed Javascrip{filter}t massiiviks ja kasutab foreach andmemassiivi sidumiseks tabeliga või lehe div-de komplektiga. Iga kord, kui andmemassiivi muutub, reageerib kasutajaliides automaatselt sellele (sa ei pea näitama, kuidas uut rida lisada või kus see on), ülejäänu on kasutajaliidese andmete sünkroonimine. Näiteks saate deklareerida järgmise SPAN-i, et kuvada andmete hulka:
See ongi kõik! Selle uuendamiseks ei pea koodi kirjutama, selle uuendus sõltub massiivi myItems muudatustest. Samamoodi sõltub Add nupu lubamine ja keelamine massiivi myItems pikkusest, järgmiselt:
Pärast seda, kui pead rakendama "Kustuta" funktsiooni, ei pea sa täpsustama, kuidas kasutajaliidese elemente manipuleerida, vaid tuleb lihtsalt muuta andmemudelit.
Kokkuvõte: KO-l ei ole kavatsust konkureerida jQuery ja teiste sarnaste DOM-i manipuleerimise raamistikudega. KO pakub kõrgetasemelist viisi andmemudeli korreleerimiseks kasutajaliidese liidesega.KO ei sõltu jQueryst endast, kuid jQueryt saab koos kasutada, Elavad ja õrnad kasutajaliidese muutused nõuavad jQuery kasutamist.
Ressursse:
http://www.aizhengli.com/knockoutjs/50/knockout.html
http://knockoutjs.com/
|
Postitatud 11.08.2017 12:24:27
|
|
|
