Rückgrat.JS ist ein Framework, das zum Erstellen von Webanwendungen verwendet wird, die dem Stil von JavaScript folgen.

Es unterstützt Modelle, Veranstaltungen, Sammlungen, Ansichten und Dienstprogramme.

Durch die Verwendung einer der vorherigen Funktionen können wir unterschiedliche Vorgänge in den angegebenen Daten in einer Webanwendung erstellen und ausführen.

Punkte, die man sich merken sollte

1. Es wird mit JavaScript verwendet.
2. Wir können das Framework innerhalb des Tags implementieren.
3. Dieses Framework unterstützt JavaScript -Methoden und -funktionen wie Ausgabe und Leseneingabe.
4. Das Tag wird in Tag oder im Tag platziert.
5. Es ist wichtig, dass CDN -Links (Content Delivery Network) zur Ausführung der Webanwendung auf dem Server ausgeführt werden.

Lassen Sie uns die Struktur sehen, um den Code zu platzieren

CDN -Links werden mit dem SRC -Attribut des Skript -Tags platziert.

CDN -Links

Die Shift () -Methode im Rückgrat.Die JS -Sammlung entfernt die erste Instanz des Modells aus der Sammlung.

Syntax:
Collection_Object.Verschiebung (Optionen)

Es braucht einen Parameter.

Der Parameter Optionen besteht darin, den Modelltyp anzugeben.

Modell - Collection_Object.Schicht()

Ansatz

1. Erstellen Sie ein Backbone -Modell mit der Extend () -Methode.

   Syntax:
   var modelClass = Backbone.Modell.erweitern();

2. Erstellen Sie eine Backbone -Sammlung mit der Extend () -Methode und bestehen Sie die Modellklasse.

   Syntax:
   var collectionclass = Backbone.Sammlung.erweitern(
   Modell: Modellklasse
   );

3. Erstellen Sie ein Objekt oder eine Instanz für die Sammelklasse.

   Syntax:
   var collection_instance = new CollectionClass ();

4. Erforschen Sie die SHIRT () -Methode im Rückgrat.JS -Sammlung.
   Lassen Sie uns mehrere Beispiele des Rückgrats erörtern.JS Collection Shift () Methode.

Beispiel 1: Entfernen Sie das erste Instanzmodell von einem einzelnen Modell zur Sammlung

In diesem Beispiel werden wir eine modale Klasse namens - Blumen erstellen und eine FlowerCollection -Sammlungsklasse erstellen. Wir werden unsere Modellklasse (Blumen) darin übergeben.

Danach müssen wir eine Instanz für das Blumenmodell mit drei Attributen erstellen (Flower_Name, Flower_sepals, Flower_Petals).

Wir werden eine Flower_Collection erstellen, die eine Instanz der FlowerCollection -Sammlung ist. Und wir werden die Instanz des Blumenmodells mit der Methode add () zur Sammlung fügen.

Jetzt werden wir diese zusätzliche Modellinstanz mithilfe der SHIRT () -Methode aus der Sammlung entfernen.

Schließlich zeigen wir die Sammlung mit dem JSON an.Stringify () Methode.

Linux -Hinweis

Ausgang:

Führen Sie die Anwendung in Ihrem Browser aus, indem Sie den Code in der Datei mit speichern .HTML als Erweiterung.

Hier können wir sehen, dass die Shift () -Methode die erste Instanz aus der Sammlung entfernt.

Beispiel 2: Entfernen Sie das Erstinstanzmodell aus dem Modelsarray in die Sammlung

In diesem Beispiel werden wir eine modale Klasse namens - Blumen erstellen und eine FlowerCollection -Sammlungsklasse erstellen. Wir werden unsere Modellklasse (Blumen) darin übergeben.

Danach müssen wir eine Instanz für das Blumenmodell mit drei Attributen erstellen (Flower_Name, Flower_sepals, Flower_Petals).

Wir werden eine Flower_Collection erstellen, die eine Instanz für die FlowerCollection -Sammlung ist. Und wir werden der Sammlungsinstanz mit der Methode add () drei Instanzen des Blumenmodells hinzufügen.

Jetzt entfernen wir die erste Modellinstanz mit Shift ().

Schließlich zeigen wir die Sammlung mit dem JSON an.Stringify () Methode.

Linux -Hinweis

Ausgang:

Führen Sie die Anwendung in Ihrem Browser aus, indem Sie den Code in der Datei mit speichern .HTML als Erweiterung.

Hier können wir sehen, dass die Shift () -Methode die Blume1 aus der Sammlung entfernt und die verbleibenden Instanzen Flower2 und Flower3 angezeigt werden.

Abschluss

In diesem Rückgrat.JS Tutorial, wir haben die SHIFT () -Methode in der Sammlung besprochen. Es wird verwendet, um ein erstes Instanzmodell aus der Sammlung zu entfernen. Es ist ähnlich zu remove (), aber es wird keine Modellinstanz als Parameter benötigen. Es entfernt einfach das erste Modellmodell.