Kas yra Knockout.js?
Knockout yra puiki Javascrip bibliotekaTai padeda sukurti daug teksto turinčią vartotojo sąsają su geromis rodymo ir redagavimo galimybėmis, naudojant tik aiškų ir švarų pagrindinį duomenų modelį. Kiekvieną kartą, kai vietinis vartotojo sąsajos turinys turi būti atnaujintas automatiškai (pvz., atsižvelgiant į vartotojo elgsenos pokyčius ar išorinius duomenų šaltinius), KO galima lengvai įdiegti ir labai lengvai prižiūrėti.
Svarbios KO savybės:
Elegantiškas priklausomybių stebėjimas – kiekvieną kartą, kai pasikeičia duomenų šaltinio modelis, jis gali automatiškai atnaujinti nurodytą vartotojo sąsajos turinį.
Deklaratyvus susiejimas – jis paprastai ir paprastai susieja jūsų vartotojo sąsają su duomenų šaltinio modeliu, o sudėtingai dinaminei sąsajai sukurti galite naudoti bet kurį įdėtosios struktūros šabloną.
Geras mastelio keitimas - pasirinktinis elgesys gali būti įgyvendintas naudojant kelias paprastas kodo eilutes, kad būtų galima susieti kaip naują deklaraciją.
Kiti privalumai:
Gryna Javascrip{filtering}t biblioteka - suderinama su bet kokia serverio ir kliento technologija.
Jis gali būti gerai pritaikytas esamoms programoms - nereikia keisti pagrindinės programos architektūros.
Paprastumas - tik 13K po Gzip suspaudimo.
Suderinamas su bet kuria pagrindine naršykle (IE 6+, Firefox 2+, Chrome, Safari ir kt.)
Išsamus specifikacijų rinkinys (su elgesiu pagrįstu kūrimu) – tai reiškia, kad jas galima lengvai patikrinti naujose naršyklėse ar platformose.
Kūrėjams, susipažinusiems su Ruby on Rails, Asp.net MVC ar kitomis MVC technologijomis, tai gali būti MVC realaus laiko forma su deklaratyvia sintakse. Kitaip tariant, galite galvoti apie KO kaip apie būdą sukurti vartotojo sąsają redaguojant JSON duomenis... Kad ir ką tai padarytų jums.
Kaip juo naudotis?
Greičiausias ir smagiausias būdas pradėti yra interaktyvus mokymas, o įvaldę pagrindinius metodus ir išmokę kiekvieną internetinį egzempliorių, būsite pasirengę dirbti su savo projektais.
Ar KO ir Jquery (prototipas ir kt.) konkuruoja tarpusavyje, ar jie gali būti naudojami kartu?
Visi myli Jquery! Anksčiau turėjome ištverti įvairius nenuoseklius DOM objektų manipuliavimo API metodus, o Jquery atsiradimas yra puiki alternatyva gremėzdiškoms praeities sistemoms, todėl ji yra lanksti ir paprasta naudoti. "Jquery" yra puikus ir paprastas naudoti tinklalapio elementų manipuliavimui ir įvykių tvarkymui, o KO išsprendžia kitą problemą.
Jei jūsų vartotojo sąsajos sąsaja yra šiek tiek sudėtingesnė ir joje yra to paties elgesio, jei naudosite tik "Jquery", vartotojo sąsaja bus sudėtingesnė ir sunkesnė, nei manote, o ją prižiūrėti bus gana brangu. Apsvarstykite pavyzdį, kaip lentelėje rodomas elementų sąrašas, nurodomas sąrašų skaičius lentelėje ir įjungiamas mygtukas "Pridėti", kai elementų sąrašų skaičius yra mažesnis nei 5, kitu atveju išjungtas. "Jquery" neturi pagrindinės duomenų modelio koncepcijos, todėl, jei norite gauti projektų sąrašų skaičių, turite daryti išvadą iš lentelės/tr/div numerių. Jei jums reikia rodyti duomenų kiekį tam tikruose SPANS, taip pat turėtumėte nepamiršti atnaujinti SPAN teksto, kai pridedate naujų duomenų. Žinoma, taip pat reikia atsiminti, kad kai bendras skaičius >=5, turite išjungti mygtuką Pridėti. Tada, jei norite įdiegti funkciją Ištrinti, turite nurodyti, kurį DOM elementą reikia pakeisti jį spustelėjus.
Kuo skiriasi tai daryti su nokautu?
Su KO viskas tampa labai paprasta. Tai leidžia lengvai išplėsti projekto sudėtingumą, nesijaudinant dėl atsirandančių duomenų neatitikimų. Jis tiesiog konvertuoja jūsų duomenis į Javascrip{filter}t masyvą, o tada naudoja foreach, kad susietų duomenų masyvą su lentele arba div rinkiniu puslapyje. Kai pasikeičia duomenų masyvas, vartotojo sąsaja automatiškai reaguoja į pakeitimą (nereikia nurodyti, kaip ar kur įterpti naują eilutę), o visa kita yra vartotojo sąsajos duomenų sinchronizavimas. Pavyzdžiui, galite deklaruoti šį SPAN, kad būtų rodomas duomenų kiekis:
Viskas! Norint jį atnaujinti, nereikia rašyti kodo, jo atnaujinimas priklauso nuo masyvo myItems pakeitimų. Panašiai mygtuko Pridėti įjungimas ir išjungimas priklauso nuo masyvo myItems ilgio, kaip nurodyta toliau:
Po to, jei jums reikia įdiegti funkciją "Ištrinti", jums nereikia nurodyti, kaip manipuliuoti vartotojo sąsajos elementais, tereikia modifikuoti duomenų modelį.
Santrauka: KO neketina konkuruoti su jQuery ir kitomis panašiomis DOM manipuliavimo sistemomis. KO suteikia aukšto lygio būdą susieti duomenų modelį su vartotojo vartotojo sąsajos sąsaja.KO nepriklauso nuo paties "jQuery", tačiau "jQuery" galite naudoti kartu, Ryškūs ir švelnūs vartotojo sąsajos pakeitimai reikalauja naudoti jQuery.
Išteklių:
http://www.aizhengli.com/knockoutjs/50/knockout.html
http://knockoutjs.com/
|
Paskelbta 2017-08-11 12:24:27
|
|
|
