Satura rādītājs
Lietojumprogrammas vissarežģītākās daļas pārsūtīšana uz klienta pusi kļūst arvien izplatītāka, tādējādi serveru valodas tiek pārceltas tikai uz tām, kas nodrošina pakalpojumu noturību, izmantojot pakalpojumus ATPŪTA.Daļa atbildības par to, lai tas viss notiktu, gulstas uz jaunajiem darba veidiem JavaScript un radot dinamiskas un atsaucīgas lietotāja saskarnes, pateicoties atšķirīgajām ietvari esošās.
Šim ietvaram ir daudz priekšrocību, piemēram, tā mazais svars un tā dokumentācija, kā arī tas, ka tas ir bijis tirgū jau ilgu laiku, tāpēc tas ir pastāvīgi nogatavojies, lai to varētu izmantot ražošanas vidē.
1- Tāpat kā lielākā daļa bibliotēku un sistēmu JavaScript prasības nav tik prasīgas, šajā gadījumā mums būs nepieciešams neliels tīmekļa serveris, lai labāk apstrādātu mūsu pieprasījumus, tas var būt Wamp iekšā Windows vai piemērs Apache iekšā Linux vai Mac.
2- Mums ir nepieciešams bagātīgs teksta redaktors tādā stilā Cildens teksts vai NotePad ++ lai varētu uzrakstīt nepieciešamo kodu, lai izpildītu piemērus un vingrinājumus, kurus mēs parādīsim.
3- Visbeidzot, mums ir nepieciešama piekļuve internetam, lai varētu lejupielādēt Knockout.js pat vienu reizi.
Instalēšanas process ir diezgan vienkāršs un nav atkarīgs no konkrētas platformas, process būs vienāds neatkarīgi no tā, vai mēs esam tajā Windows, Linux vai MAC.
Pirmā lieta, kas mums jādara, ir lejupielādēt Knockout.js no tās oficiālās lapas, lai to izdarītu, mēs varam doties uz projekta vietni un sadaļu lejupielādes ar peles labo pogu noklikšķiniet un atlasiet opciju Saglabāt saiti kā:
PALIELINĀT
Kad mums ir fails, mums tas vienkārši ir jāiekļauj failā HTML sekojoši:
Knockout.js instalēšanaKā redzam, mums bija jāiekļauj tikai lejupielādētais fails, izmantojot skripta tagu. Gadījumā, ja mēs vēlamies strādāt ar CDN Mums tikai jāmaina vietējais ceļš uz faila interneta ceļu, tas ir ļoti līdzīgs darbam ar bibliotēkām, piemēram, jQuery vai tādas sistēmas kā AngularJS.
Modelis Skatīt Skatīt modeliŠīs sadaļas nosaukums var šķist kļūda. Kā ir iespējams runāt par modeļa skata skata modeli? Vai tas nav tas pats? Izrādās, ka Nokauts ir dizaina modelis vai attīstības paradigma, no kuras tas ir iedvesmots MVC, kur noteikti Modelis un Skatīt viņi uzvedas tā, kā mēs zinām no "klasiskās" pieejas, tomēr mums ir jauns slānis, ko sauc ViewModel kura ir atbildīga par mūsu uzskatu apvienošanu un funkcionalitātes piešķiršanu.
Datu iesiešana ir mūsu ietvara galvenā iezīme, kas ļauj mums norādīt dokumentam HTML kuriem elementiem jums ir jāpiešķir piekļuve Knockout.js, lai gan tas izklausās pēc kaut kā sarežģīta, mēs varam to apkopot kā kaut ko vienkāršāku, tā ir vienkārša īpašību pielietošana koka elementiem SAULE kur mēs vēlamies, lai tam būtu veiktspēja Knockout.js.
Apskatīsim šādu koda piemēra piemēru, pieņemsim, ka vēlamies izdrukāt vārdu no mūsu ViewModel uz etiķetes iekšpusē ķermenis, lai to izdarītu, mums ir jāveic tikai šādas darbības:
Knockout.js instalēšanaMēs to redzam mūsu etiķetē h1 ir span tags un span tag ir īpašums, kas nav dzimtā HTML kāds ir īpašums datu saistīšana, tas liek mums izveidot savienojumu Knockout.js ar mūsu DOM koks šajā gadījumā mēs vienkārši norādījām, ka rekvizīta vai mainīgā nosaukums ir jāņem no mūsu ViewModel.
Ja mēs izpildām savu piemēru pārlūkprogrammā, mēs iegūsim tādu rezultātu, kādu varam redzēt šajā attēlā:
Līdz šim laikam mēs esam sapratuši, ka filozofija ViewModel ir svarīga darba sastāvdaļa Knockout.js, tāpēc mēs turpināsim nedaudz vairāk pievērsties šim tematam.
VistaModel izveideIr divi veidi, kā izveidot modeļa skatu, pamatformu un uz objektu orientētu, kuru mēs jau izmantojam, ir atkarīgs no mūsu attīstības veida, lai gan ieteicamais ir orientēts uz objektu jo, lai gan sākumā tas ir sarežģītāks, tas ļauj mums sasniegt labāku kārtību mūsu lietojumprogrammā.
Lai izveidotu a ViewModel pamata mums vienkārši jādara kaut kas līdzīgs šim:
var myModelView = {nosaukums: 'Pedro Perez'};Kā mēs to redzam, tas nemaz nav sarežģīts, mēs vienkārši definējam mainīgo un ievietojam tajā stila saturu. JSON.Tagad ceļš orientēts uz objektu ļauj mums izveidot piekļuves metodes un manipulēt ar īpašumiem, kurus vēlamies ievietot savos ViewModel, šim nolūkam mēs varam rīkoties šādi:
var myOOOOOOFModelView = function () {var self = this; self.name = 'Džonatans'; self.lastname = 'Acosta'; self.getName = function () {return self.name + '' + self.last vārds; };};Ja mēs vēlamies šajā gadījumā, mēs varam tieši piekļūt vārdam vai uzvārdam individuāli vai izmantot šo metodi getName () kas dod mums vārdu un uzvārdu, kas ir savienoti vai savienoti.Šeit daudziem var rasties jautājums, vai nebija vieglāk uztaisīt solo Stīga Ar vārdu un uzvārdu atbilde ir ļoti vienkārša, jo vairāk iespēju mums ir, jo vienkāršāka būs lietotne, mūsuprāt, iedomājieties, ka mēs gribējām tikai vārdu, ar pamatformu mums būtu bijis jāapstrādā virkne spējot tos nodalīt, objektorientētās pārmaiņās mēs piekļūstam tikai tam īpašumam, kas mūs interesē.
Līdz šim redzētais ir ļoti statisks, un ja mēs tagad sāktu izmantot parametrus, šādā veidā a ViewModel Tas var kalpot daudziem mērķiem, jo mēs neaprobežosimies tikai ar to, ko mēs izveidojam, bet mēs varam mainīt datus atbilstoši situācijai.
Pārrakstīsim savu formu orientēts uz objektu, un mēs izmantosim šādu formu:
var myOOOOOOOFModelView = funkcija (vārds, uzvārds) {var self = this; self.name = vārds; sevi.uzvārds = uzvārds; self.getName = function () {return self.name + '' + self.last vārds; };};Kā redzējām, parametru izmantošana bija ļoti vienkārša, tagad mēs to īstenosim savā pirmajā piemērā un tādējādi redzēsim, kā viss savās vietās, šim nolūkam mēs izmantosim šādu HTML kodu:
Knockout.js instalēšanaŠeit pirmā lieta, ko mēs pamanām, ir tā, ka datu saistīšana tā vairs nav teksts tāpat kā sākotnējā piemērā, ja ne, mēs to izmantojam html, tas ļauj mums nosūtīt etiķetes html un tādējādi spētu piešķirt vairāk stila mūsu atbildei no ViewModel.
Jau sadaļā, kurā mēs definējam savu ViewModel mēs to redzam pirms saistošs no Knockout.js, mēs veidojam mūsu ViewModel piemēru orientēts uz objektu, Tieši šajā brīdī mēs varam piešķirt vērtības saviem parametriem vai īpašībām, kā redzam, mēs saglabājām vārda un uzvārda nodalīšanu, bet galu galā mēs varam izmantot metodi, kas tos savieno.
Izpildot mūsu piemēru, pārlūkprogrammā tiek parādīti šādi rezultāti:
Ar to mēs pabeidzam apmācību, esam veiksmīgi spēruši pirmos soļus Knockout.js, ar to mēs varam sākt domāt par visām iespējām, ko šī lietojumprogrammu izstrādes sistēma mums piedāvā ar klienta puses loģiku.
