Ce este Knockout.js?
Knockout este o bibliotecă excelentă de JavascripTe ajută să creezi o interfață de utilizator bogată în text, cu capacități bune de afișare și editare, folosind doar un model de date clar și curat. Ori de câte ori conținutul local al interfeței tale trebuie actualizat automat (de exemplu, în funcție de schimbările în comportamentul utilizatorilor sau surse externe de date), KO poate fi implementat ușor și foarte ușor de întreținut.
Caracteristici importante ale KO:
Urmărire elegantă a dependențelor - Ori de câte ori modelul sursei de date se schimbă, poate actualiza automat conținutul specificat al interfeței tale.
Binding declarativ - Leagă UI-ul tău de modelul sursei de date într-un mod simplu și simplu, iar poți folosi orice șablon de structură imbricată pentru a construi o interfață dinamică complexă.
Scalabilitate bună – un comportament personalizat poate fi implementat cu câteva linii simple de cod pentru a le asocia ca o nouă declarație.
Alte avantaje:
Biblioteca pură Javascrip{filtering}t - compatibilă cu orice tehnologie server și client.
Poate fi aplicat bine aplicațiilor existente – fără a fi nevoie de modificări ale arhitecturii principale a programului.
Simplitate - doar 13K după compresia Gzip.
Compatibil cu orice browser important (de exemplu 6+, Firefox 2+, Chrome, Safari și altele)
Un set cuprinzător de specificații (cu dezvoltare bazată pe comportament) – aceasta înseamnă că pot fi verificate ușor pe browsere sau platforme noi.
Dezvoltatorii familiarizați cu Ruby on Rails, Asp.net MVC sau alte tehnologii MVC pot considera că este o formă în timp real MVC cu o sintaxă declarativă. Cu alte cuvinte, poți privi KO ca pe o modalitate de a crea o interfață UI prin editarea datelor JSON... Orice ar face pentru tine.
Cum să-l folosesc?
Cea mai rapidă și distractivă modalitate de a începe este prin instruire interactivă, iar odată ce ai stăpânit cele mai de bază tehnici și ai învățat fiecare instanță online, vei fi pregătit să lucrezi la proiectele tale.
KO și Jquery (prototip, etc.) concurează între ele sau pot fi folosite împreună?
Toată lumea iubește Jquery! În trecut, a trebuit să suportăm diverse metode inconsistente de manipulare a obiectelor DOM, iar apariția Jquery este o alternativă excelentă la framework-urile greoaie din trecut, făcându-l flexibil și ușor de folosit. Jquery este excelent și ușor de folosit pentru manipularea elementelor paginii web și pentru gestionarea evenimentelor, în timp ce KO rezolvă o problemă diferită.
Dacă interfața ta de interfață este puțin mai complexă și conține unele dintre aceleași comportamente, dacă folosești doar Jquery, interfața va fi mai complexă și mai dificilă decât crezi și va fi destul de costisitoare de întreținut. Luați exemplul afișării unei liste de elemente într-un tabel, indicând numărul de liste din tabel și activând butonul "Adaugă" când numărul de liste de elemente este mai mic de 5, altfel dezactivat. Jquery nu are un concept de model de bază de date, așa că dacă vrei să obții numărul de liste de proiecte, trebuie să deduci din numerele tabel/tr/div. Dacă trebuie să afișezi cantitatea de date din anumite SPANS, ar trebui să îți amintești să actualizezi textul SPAN atunci când adaugi date noi. Desigur, trebuie să-ți amintești și că atunci când numărul total >=5, trebuie să dezactivezi butonul Adaugă. Apoi, dacă vrei să implementezi funcția Delete, trebuie să indici ce element DOM trebuie schimbat după ce ai dat click.
Cum este diferit să faci asta cu Knockout?
Cu KO totul devine foarte simplu. Îți permite să scalezi cu ușurință complexitatea proiectului tău fără să-ți faci griji pentru inconsistențele rezultate în date. Pur și simplu convertește datele tale într-un array Javascrip{filter}t, apoi folosește foreach pentru a lega array-ul de date de un tabel sau de un set de div-uri din pagină. Ori de câte ori tabloul de date se schimbă, interfața reacționează automat la schimbare (nu trebuie să indici cum să inserezi un rând nou sau unde), iar restul este sincronizarea datelor interfeței. De exemplu, poți declara următorul SPAN pentru a afișa cantitatea de date:
Asta e! Nu trebuie să scrii cod pentru a o actualiza, actualizarea depinde de modificările array-ului myItems. În mod similar, activarea și dezactivarea butonului Add depinde de lungimea array-ului myItems, după cum urmează:
După aceea, dacă trebuie să implementezi funcția "Șterge", nu trebuie să specifici cum să manipulezi elementele interfeței, trebuie doar să modifici modelul de date.
Rezumat: KO nu are intenția să concureze cu jQuery și alte cadre similare de manipulare DOM. KO oferă o modalitate la nivel înalt de a corela modelul de date cu interfața UI a utilizatorului.KO nu depinde de jQuery în sine, dar poți folosi jQuery împreună, Schimbările vii și ușoare ale interfeței necesită utilizarea jQuery.
Resurse:
http://www.aizhengli.com/knockoutjs/50/knockout.html
http://knockoutjs.com/
|
Postat pe 11.08.2017 12:24:27
|
|
|
