Spina dorsale.JS è un framework utilizzato per creare applicazioni Web che seguono lo stile di JavaScript.

Supporta modelli, eventi, collezioni, viste e servizi pubblici.

Utilizzando una qualsiasi delle funzionalità precedenti, possiamo creare ed eseguire operazioni diverse sui dati forniti in un'applicazione Web.

Punti da ricordare

1. È usato con JavaScript.
2. Possiamo implementare il framework all'interno del tag.
3. Questo framework supporta i metodi e le funzioni JavaScript come l'output e l'input di lettura.
4. Il tag è posizionato all'interno del tag o in tag.
5. È importante avere collegamenti CDN (Content Delivery Network) per eseguire l'applicazione Web sul server.

Vediamo la struttura per posizionare il codice

I collegamenti CDN sono posizionati con l'attributo SRC del tag script.

Collegamenti CDN

Il metodo unShift () in spina dorsale.La collezione JS aggiunge un modello alla collezione all'inizio. È possibile aggiungere un singolo modello (singola istanza) o un array di modelli (più di un'istanza tramite un array) alla raccolta.

Sintassi:
Collection_Object.UNSHIFT (modello, opzioni)

Ci vogliono due parametri.

1. Il modello è un'istanza che verrà aggiunta all'inizio della raccolta.
2. Il parametro delle opzioni viene utilizzato per specificare se si tratta di un modello o di un array di modelli da aggiungere alla fine.

Modello - Collection_Object.UNSHIFT (Model_Instance1)

Array di modelli - Collection_Object.UnShift ([Model_Instance1, Model_Instance2,…])

Approccio

1. Crea un modello di spina dorsale usando il metodo Extent ().
   Sintassi:
   var modelclass = spina dorsale.Modello.estendere();
2. Crea una raccolta di backbone utilizzando il metodo Extent () e passa la classe del modello.
   Sintassi:
   var collectionclass = backbone.Collezione.estendere(
   Modello: ModelClass
   );
3. Crea un oggetto o un'istanza per la classe di raccolta.
   Sintassi:
   var collection_instance = new CollectionClass ();
4. Esplora il metodo UnShift () nella spina dorsale.Collezione JS.

Discutiamo di diversi esempi della spina dorsale.Metodo della raccolta js unShift ().

Esempio 1: aggiungi un singolo modello all'inizio della raccolta

In questo esempio, creeremo una classe modale denominata - fiori e creeremo una classe di collezione di collection di fiori. Passeremo al suo interno la nostra classe modello (fiori).

Successivamente, dobbiamo creare un'istanza per il modello Flowers con tre attributi (Flower_name, Flower_Sepals, Flower_Petals).

Creeremo un Flower_Collection, che è un'istanza della collezione di colection Flower. E aggiungeremo l'istanza del modello di fiori all'istanza di raccolta utilizzando il metodo Add ().

Ora aggiungeremo una nuova istanza del modello alla raccolta utilizzando il metodo UNSHIFT ().

Infine, stiamo visualizzando la collezione usando il JSON.Metodo Stringify ().

Produzione:

Esegui l'applicazione nel browser salvando il codice nel file con .HTML come estensione.

Qui, possiamo vedere il metodo UNSHIFT () aggiunge l'istanza di Flower2 a Flower_Collection all'inizio.

Esempio 2: Aggiungi array di modelli all'inizio in una raccolta

In questo esempio, creeremo una classe modale denominata - fiori e creeremo una classe di collezione di collection di fiori. Passeremo al suo interno la nostra classe modello (fiori).

Successivamente, dobbiamo creare un'istanza per il modello Flowers con tre attributi (Flower_name, Flower_Sepals, Flower_Petals).

Creeremo un Flower_Collection, che è un'istanza per la collezione di colection Flower. E aggiungeremo tre istanze del modello di fiori all'istanza di raccolta usando il metodo Add ().

Ora aggiungeremo due istanze del modello all'inizio della raccolta utilizzando il metodo UNSHIFT ().

Infine, stiamo visualizzando la collezione usando il JSON.Metodo Stringify ().

Suggerimento Linux

Produzione:

Esegui l'applicazione nel browser salvando il codice nel file con .HTML come estensione.

Qui, possiamo vedere il metodo UnShift () aggiunto il fiore2 e il fiore3 alla collezione all'inizio

Conclusione

In questa spina dorsale.JS Tutorial, abbiamo discusso del metodo UNSHIFT () nella raccolta. Viene utilizzato per aggiungere modelli alla raccolta all'inizio. Se ci sono più di un'istanza di un modello da non spostarsi, è possibile utilizzare un array all'interno del metodo UnShift () e passare i modelli al metodo UnShift () attraverso l'array.