Backbone.js - View Helper, Thorax.js

Innehållsförteckning
Tillägg som Thorax.js De har ett antal verktyg som gör det möjligt för oss att underlätta konstruktionen av vissa beteenden i våra applikationer, med detta, om vi läser dokumentationen väl kan vi hitta funktioner som gör att vi inte behöver bygga vissa kodblock själva.
Ett avsnitt där dessa hjälpare De är mycket hjälpsamma är vyerna, eftersom det är här vi kommer att behöva interagera på ett mer direkt sätt med våra användare, så vi kommer säkert att behöva visa texter och element, för att kunna ge dynamik till avsnittet, etc.
registerViewHelper
Som vi hade avancerat registerViewHelper är en metod som hjälper oss att skapa ett nytt block som har inbäddat ett HelperViewMed detta kan vi skapa en instans för barnvy som tillåter oss att komma åt sammanhanget i föräldervyn, det vill säga att det skulle vara som en förlängning av det. På detta sätt kan vi skapa nya funktioner som kan ge oss möjligheten att använda fler metoder med mindre ansträngning vid utvecklingen.
Låt oss se följande exempel där vi ska generera en hjälpare i en "på" -händelse som kommer att återges varje gång en händelse anropas eller utlöses i vyndeklarationen. Detta ger oss möjlighet att generera anpassade händelser som kallar hjälpen för att utföra våra applikationsfunktioner:

Låt oss se hur vi kan göra ett tydligare exempel, vi ska implementera en räknare som ökar varje gång vi klickar på en knapp.
Hur inser man effekten?Vi kommer att använda en knapphjälpare Thorax.js vilket hjälper oss att ringa en metod varje gång du klickar på elementet. Det är detta som gör att vi kan ge en större dynamisk effekt till vår applikation.
Denna kod visar hur vi genererar vår "on" -händelse med en anpassad händelse, sedan skapar vi en knapp och placerar den som utlösare funktionen "inkrement" som motsvarar vår anpassade händelse som vi har deklarerat i föregående rad.
 {{#on "öka"}} {{i}} {/ on}} {{#button trigger = "öka"}} Öka {{/ knapp}} 

I följande bild ser vi hur vi kan placera koden i klassen för motsvarande vy:

Som vi kan se har vi sammanfattat vad som kunde ha tagit oss fler kodrader till något ganska enkelt och mycket lättare att felsöka och underhålla. Denna typ av struktur lämnar sig mycket för att kunna göra bättre tillämpningar av en enda sida, vilket gör att dörren är öppen för att kunna applicera fler asynkrona element.
Som vi kan se är det mycket enkelt att tillämpa bättre utvecklingsmönster, inkludering av hjälpare ger bättre funktioner, eftersom de redan är utvecklade och dokumenterade av teamet av Thorax.js och dess community kan vi se till att vi har ett lågt antal buggar och fel, och för varje uppdatering kommer dessa att korrigeras och öka säkerheten för våra applikationer.

Du kommer att bidra till utvecklingen av webbplatsen, dela sidan med dina vänner

wave wave wave wave wave