Backbone.js Grundlagen: Eine App mit Veranstaltungen zum Leben erwecken

In diesem Artikel wird Backbone.js untersucht, ein JavaScript -Framework, das eine MV* -Scharchitektur zum Erstellen von Anwendungen verwendet. Es konzentriert sich auf die Ereignishandhabung, ein entscheidender Aspekt der Trennung von Bedenken zwischen Ansichten und Modellen.

Schlüsselkonzepte:

• MV* Architektur: Backbone.js verwendet eine Modell-View-* -Scharchitektur, Trennung von Daten (Models), Präsentation (Ansichten) und Anwendungslogik (oft implizit in Ansichten oder über benutzerdefinierte Controller) .
• Ereignisbehandlung: Der Kern dieses Artikels ist, wie Backbone.js Ereignisse verwaltet, um die Kommunikation zwischen Ansichten und Modellen zu ermöglichen. Änderungen der Modelle auslösen Ereignisse, die auf das Hören auf und reagieren auf (z. B. Wiederaufnahme).
• Verantwortlichkeiten anzeigen: Ansichten rendern die Benutzeroberfläche, zeigen Sie Daten aus Modellen an und verarbeiten Sie die Benutzereingabe, indem Sie Ereignisse auslösen.
• Modellverantwortung: Modelle verwalten Anwendungsdaten, aktualisieren Sie Daten basierend auf Ereignissen, die aus Ansichten ausgelöst werden, und interagieren möglicherweise mit einer Datenbank.

Das Tutorial baut auf einer früheren Lektion auf, in der die Controller-ähnliche Logik eingeführt wird, um Benutzerinteraktionen zu verarbeiten. Es betont, wie wichtig es ist, Bedenken zu trennen: Ansichten behandeln Präsentation und Benutzereingaben, während die Modelle die Datenlogik verwalten.

Ereignisbeschaffungstechniken:

Der Artikel beschreibt zwei primäre Methoden zum Umgang mit Ereignissen in Backbone.js:

1. events Hash: Dieser Ansatz definiert direkter Ereignishandler in der Ansicht mithilfe einer Schlüsselwertkarte. Der Schlüssel gibt das Ereignis- und Zielelement an (z. B. 'click .add-one': 'addOne'), und der Wert ist die ausführende Funktion.

2. listenTo Methode: Mit dieser Methode kann ein Objekt (typischerweise eine Ansicht) auf Ereignisse auf einem anderen Objekt (typischerweise ein Modell) anhören. Es ist besonders nützlich, um Event -Hörer zu verwalten und sicherzustellen, dass sie ordnungsgemäß gereinigt werden. Das Beispiel verwendet this.listenTo(this.model, "change", this.render);, um die Ansicht erneut zu rendern, wenn sich das Modell ändert.

Das Tutorial bietet ein praktisches Beispiel für das Hinzufügen und Subtrahieren von Aktien von einer Surfboard -Inventar -App. Es zeigt, wie man:

1. Fügen Sie Schaltflächen zur Vorlage der Ansicht hinzu, um Ereignisse auszulösen.
2. Ereignishandler in der Ansicht (addOne, minusOne) definieren, die das Modell aktualisieren.
3. implementieren Sie Modellfunktionen (addOne, minusOne), um Daten zu ändern und das Ereignis "change" auszulösen.
4. Verwenden Sie die Funktion initialize in der Ansicht, um auf das Ereignis des Modells zu hören und die Ansicht neu zu rendern. "change"

Der Artikel schließt mit einer Codepen -Demo und einem FAQ . Ein Aufruf zum Handeln fördert einen SitePoint -Premium -Kurs auf Backbone.js.

on off once

Das obige ist der detaillierte Inhalt vonBackbone.js Grundlagen: Eine App mit Veranstaltungen zum Leben erwecken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!