Čo je Knockout.js?
Knockout je skvelá Javascrip knižnicaPomáha vám vytvoriť textovo bohaté používateľské rozhranie s dobrými zobrazenými a editačnými schopnosťami, pričom využívate len jasný a čistý dátový model. Kedykoľvek je potrebné automaticky aktualizovať lokálny obsah používateľského rozhrania (napr. v závislosti od zmien v správaní používateľa alebo externých dátových zdrojov), KO sa dá jednoducho implementovať a veľmi ľahko udržiavať.
Dôležité vlastnosti KO:
Elegantné sledovanie závislostí – Kedykoľvek sa zmení model zdroja dát, môže automaticky aktualizovať špecifikovaný obsah vášho používateľského rozhrania.
Deklaratívne viazanie – Viaže vaše používateľské rozhranie na model dátového zdroja jednoducho a jednoducho, a môžete použiť akúkoľvek šablónu vnorenej štruktúry na vytvorenie komplexného dynamického rozhrania.
Dobrá škálovateľnosť – vlastné správanie sa dá implementovať pomocou niekoľkých jednoduchých riadkov kódu na viazanie ako nová deklarácia.
Ďalšie výhody:
Čistá Javascrip{filtering}t knižnica – kompatibilná s akoukoľvek serverovou a klientskou technológiou.
Dá sa dobre aplikovať na existujúce aplikácie – bez potreby zmien v hlavnej architektúre programu.
Jednoduchosť – len 13K po kompresii Gzip.
Kompatibilné s akýmkoľvek hlavným prehliadačom (IE 6+, Firefox 2+, Chrome, Safari a ďalšie)
Komplexný súbor špecifikácií (s vývojom riadeným správaním) – to znamená, že ich je možné ľahko overiť v nových prehliadačoch alebo platformách.
Vývojári oboznámení s Ruby on Rails, Asp.net MVC alebo inými MVC technológiami môžu považovať za MVC formu v reálnom čase s deklaratívnou syntaxou. Inými slovami, KO môžete vnímať ako spôsob, ako vytvoriť používateľské rozhranie UI úpravou JSON dát... Čokoľvek ti to prinesie.
Ako ho používať?
Najrýchlejší a najzábavnejší spôsob, ako začať, je interaktívna inštrukcia, a keď zvládnete tie najzákladnejšie techniky a naučíte sa každý online prípad, budete pripravení pracovať na svojich projektoch.
Súťažia KO a Jquery (prototyp a pod.) medzi sebou, alebo sa dajú použiť spolu?
Každý miluje Jquery! V minulosti sme museli znášať rôzne nekonzistentné metódy API na manipuláciu s objektmi DOM a vznik Jquery je skvelou alternatívou k neohrabaným frameworkom minulosti, vďaka čomu je flexibilný a ľahko použiteľný. Jquery je vynikajúci a ľahko použiteľný na manipuláciu s elementmi webovej stránky a spracovanie udalostí, zatiaľ čo KO rieši iný problém.
Ak je vaše UI rozhranie o niečo zložitejšie a obsahuje podobné správanie, ak používate len Jquery, UI bude zložitejšie a náročnejšie, než si myslíte, a jeho údržba bude dosť drahá. Predstavme si príklad zobrazenia zoznamu položiek v tabuľke, uvedenia počtu zoznamov v tabuľke a zapnutia tlačidla "Pridať", keď je počet zoznamov položiek menší ako 5, inak je vypnutý. Jquery nemá základný koncept dátového modelu, takže ak chcete získať počet zoznamov projektov, musíte odvodzovať z čísel tabuľky/tr/div. Ak potrebujete zobraziť množstvo dát v určitých SPANoch, mali by ste tiež pamätať aktualizovať text SPAN pri pridávaní nových dát. Samozrejme, musíte si tiež uvedomiť, že keď je celkový počet >=5, musíte vypnúť tlačidlo Pridať (Add button). Ak chcete implementovať funkciu Delete, musíte upozorniť, ktorý prvok DOM je potrebné zmeniť po kliknutí.
Ako je to iné robiť to s Knockoutom?
S KO je to všetko veľmi jednoduché. Umožňuje vám jednoducho škálovať zložitosť vášho projektu bez obáv z výsledných nezrovnalostí v dátach. Jednoducho prevedie vaše dáta do Javascrip{filter}t poľa a potom použije foreach na priradenie dátového poľa k tabuľke alebo množine divov na stránke. Kedykoľvek sa zmení dátové pole, UI automaticky reaguje na zmenu (nemusíte uvádzať, ako vložiť nový riadok alebo kde) a zvyšok je synchronizácia dát UI. Napríklad môžete deklarovať nasledujúci SPAN, ktorý zobrazí množstvo dát:
To je ono! Na aktualizáciu nemusíte písať kód, jeho aktualizácia závisí od zmien v poli myItems. Podobne povolenie a vypnutie tlačidla Add závisí od dĺžky poľa myItems, nasledovne:
Potom, ak potrebujete implementovať funkciu "Delete", nemusíte špecifikovať, ako manipulovať s prvkami UI, stačí upraviť dátový model.
Zhrnutie: KO nemá v úmysle súťažiť s jQuery a inými podobnými frameworkmi na manipuláciu s DOM. KO poskytuje vysokoúrovňový spôsob korelácie dátového modelu s používateľským rozhraním.KO nezávisí priamo od jQuery, ale môžete používať jQuery spolu, Živé a jemné zmeny používateľského rozhrania vyžadujú použitie jQuery.
Zdroje:
http://www.aizhengli.com/knockoutjs/50/knockout.html
http://knockoutjs.com/
|
Zverejnené 11. 8. 2017 12:24:27
|
|
|
