Backbone.js - View Helper, Thorax.js

Paplašinājumi, piemēram Thorax.js Viņiem ir vairāki rīki, kas ļauj mums atvieglot noteiktu lietojumprogrammu uzvedības veidošanu, un, labi izlasot dokumentāciju, mēs varam atrast funkcijas, kas ļaus mums pašiem veidot noteiktus koda blokus.
Sadaļa, kurā šie palīgi Tie ir ļoti noderīgi sadaļā “Skatījumi”, jo tieši šeit mums būs tiešāka mijiedarbība ar mūsu lietotājiem, tāpēc mums noteikti būs jāparāda teksti un elementi, lai spētu piešķirt sadaļai dinamismu utt.
registerViewHelper
Kā mēs bijām progresējuši registerViewHelper ir metode, kas palīdz mums izveidot jaunu bloku, kurā būs iestrādāta a HelperViewAr to mēs varam izveidot bērna skata instanci, kas ļauj mums piekļūt vecāku skata kontekstam, tas ir, tas būtu kā tā paplašinājums. Tādā veidā mēs varam izveidot jaunas funkcijas, kas var dot mums iespēju izmantot vairāk metožu ar mazākām pūlēm izstrādes laikā.
Apskatīsim šādu piemēru, kurā mēs ģenerēsim palīgu notikumam “ieslēgts”, kas tiks atveidots katru reizi, kad skata deklarācijā tiks izsaukts vai aktivizēts notikums. Tas dod mums iespēju ģenerēt pielāgotus notikumus, kas aicina palīgu veikt mūsu lietojumprogrammu funkcijas:

Apskatīsim, kā mēs varam sniegt skaidrāku piemēru, mēs ieviesīsim skaitītāju, kas palielinās katru reizi, kad noklikšķināsim uz pogas.
Kā realizēt efektu?Mēs izmantosim pogu palīgu Thorax.js kas mums palīdzēs izsaukt metodi katru reizi, kad tiek noklikšķināts uz elementa. Tas ļauj mūsu lietojumprogrammai piešķirt lielāku dinamisko efektu.
Šis kods parāda, kā mēs ģenerējam notikumu "ieslēgts" ar pielāgotu notikumu, pēc tam izveidojam pogu un ievietojam to kā sprūda funkcija "pieaugums", kas atbilst mūsu pielāgotajam notikumam, ko esam deklarējuši iepriekšējā rindā.

 {{#on "palielināt"}} {{i}} {/ on}} {{#button trigger = "palielināt"}} Palielināt {{/ button}} 

Tad nākamajā attēlā mēs redzam, kā mēs varam ievietot kodu atbilstošā skata klasē:

Kā redzam, mēs esam apkopojuši to, kas varētu būt ļāvis mums iegūt vairāk koda rindu par kaut ko pavisam vienkāršu un daudz vieglāk atkļūdojamu un uzturējamu. Šāda veida struktūra ļauj daudz labāk izmantot vienu lapu, atstājot atvērtas durvis, lai varētu piemērot vairāk asinhronu elementu.
Kā redzam, ir ļoti viegli piemērot labākus attīstības modeļus, palīgu iekļaušana nodrošina labākas funkcijas, jo tos jau ir izstrādājusi un dokumentējusi komanda Thorax.js un tās kopiena, mēs varam pārliecināties, ka mums būs maz kļūdu un kļūdu, un ar katru atjauninājumu tās tiks labotas, tādējādi palielinot mūsu lietojumprogrammu drošību.