Backbone.js - View Helper, Thorax.js

Erweiterungen wie Thorax.js Sie verfügen über eine Reihe von Tools, die es uns ermöglichen, die Konstruktion bestimmter Verhaltensweisen unserer Anwendungen zu erleichtern. Wenn wir die Dokumentation gut lesen, können wir damit Funktionen finden, die es uns vermeiden, bestimmte Codeblöcke selbst zu erstellen.
Ein Abschnitt, in dem diese Helfer Sie sind sehr hilfreich im Abschnitt Ansichten, da wir hier direkter mit unseren Benutzern interagieren müssen, also müssen wir sicherlich Texte und Elemente anzeigen, um dem Abschnitt Dynamik verleihen zu können usw.
registrierenViewHelper
Als wir das fortgeschritten hatten registrierenViewHelper ist eine Methode, die uns hilft, einen neuen Block zu erstellen, in den ein eingebettetes a HelperViewDamit können wir eine untergeordnete Ansichtsinstanz erstellen, die es uns ermöglicht, auf den Kontext der übergeordneten Ansicht zuzugreifen, dh sie wäre wie eine Erweiterung davon. Auf diese Weise können wir neue Funktionalitäten schaffen, die uns die Möglichkeit geben, mehr Methoden mit weniger Aufwand zum Zeitpunkt der Entwicklung einzusetzen.
Sehen wir uns das folgende Beispiel an, in dem wir einen Helfer in einem 'on'-Ereignis generieren, das jedes Mal gerendert wird, wenn ein Ereignis in der View-Deklaration aufgerufen oder ausgelöst wird. Dies gibt uns die Möglichkeit, benutzerdefinierte Ereignisse zu generieren, die den Helfer aufrufen, um unsere Anwendungsfunktionen auszuführen:

Sehen wir uns an, wie wir ein klareres Beispiel machen können. Wir implementieren einen Zähler, der jedes Mal erhöht wird, wenn wir auf eine Schaltfläche klicken.
Wie erkennt man die Wirkung?Wir werden einen Button-Helfer verwenden Thorax.js was uns hilft, jedes Mal, wenn auf das Element geklickt wird, eine Methode aufzurufen. Dadurch können wir unserer Anwendung eine größere Dynamik verleihen.
Dieser Code zeigt, wie wir unser "Ein"-Ereignis mit einem benutzerdefinierten Ereignis generieren, dann erstellen wir eine Schaltfläche und platzieren sie als Abzug die Funktion "Inkrement", die unserem benutzerdefinierten Ereignis entspricht, das wir in der vorherigen Zeile deklariert haben.

 {{#on "increase"}} {{i}} {/ on}} {{#button trigger = "increase"}} Erhöhen {{/ button}} 

Im folgenden Bild sehen wir dann, wie wir den Code in die Klasse der entsprechenden Ansicht platzieren können:

Wie wir sehen, haben wir zusammengefasst, was uns mehr Codezeilen hätte bringen können, in etwas ganz Einfaches und viel einfacher zu debuggen und zu warten. Diese Art von Struktur eignet sich sehr gut, um bessere Anwendungen einer einzelnen Seite zu erstellen, und lässt die Tür offen, um mehr asynchrone Elemente anwenden zu können.
Wie wir sehen, ist es sehr einfach, bessere Entwicklungsmuster anzuwenden, die Einbeziehung von Helfern bietet bessere Funktionalitäten, da sie bereits vom Team von entwickelt und dokumentiert werden Thorax.js und seiner Community können wir sicherstellen, dass wir eine geringe Anzahl von Bugs und Fehlern haben und diese mit jedem Update korrigiert werden, wodurch die Sicherheit unserer Anwendungen erhöht wird.