Kręgosłup.Kolekcja JS.Metoda niezmienna

Kręgosłup.Kolekcja JS.Metoda niezmienna
W tym kręgosłupie.Samouczek JS Framework, omówimy metodę UnShift () w klasie kolekcji.

Kręgosłup.JS to framework używany do tworzenia aplikacji internetowych, które śledzą styl JavaScript.

Obsługuje modele, wydarzenia, kolekcje, widoki i narzędzia.

Korzystając z dowolnej z poprzednich funkcji, możemy tworzyć i wykonywać różne operacje na podanych danych w aplikacji internetowej.

Punkty do zapamiętania

  1. Jest używany z JavaScript.
  2. Możemy zaimplementować framework wewnątrz znacznika.
  3. Ta framework obsługuje metody i funkcje JavaScript, takie jak dane wyjściowe i odczytu.
  4. Tag jest umieszczony wewnątrz znacznika lub w tagu.
  5. Ważne jest, aby mieć linki do sieci dostarczania treści (CDN) do uruchamiania aplikacji internetowej na serwerze.

Zobaczmy strukturę, aby umieścić kod








Linki CDN są umieszczone z atrybutem SRC znacznika skryptu.

Linki CDN


Metoda UnShift () w kręgosłupie.Kolekcja JS na początku dodaje model do kolekcji. Możliwe jest dodanie do kolekcji pojedynczy model (pojedyncza instancja) lub tablica modeli (więcej niż jedna instancja za pośrednictwem tablicy).

Składnia:
Collection_Object.UNICTIFT (model, opcje)

Wymaga dwóch parametrów.

  1. Model to instancja, która zostanie dodana na początku kolekcji.
  2. Parametr opcji służy do określenia, czy jest to model, czy tablica modeli do dodania na końcu.

Model - Collection_Object.UNISHIFT (model_instance1)

Tablica modeli - Collection_Object.UNISHIFT ([model_instance1, model_instance2,…])

Zbliżać się

  1. Utwórz model szkieletu za pomocą metody ext ().
    Składnia:
    var ModelClass = kręgosłup.Model.rozszerzyć();
  2. Utwórz kolekcję kręgosłupa za pomocą metody ext () i przejdź klasę modelu.
    Składnia:
    var CollectionClass = kręgosłup.Kolekcja.rozszerzyć(
    Model: ModelClass
    );
  3. Utwórz obiekt lub instancję dla klasy kolekcji.
    Składnia:
    var collection_instance = new CollectionClass ();
  4. Przeglądaj metodę UnShift () w kręgosłupie.Kolekcja JS.

Omówmy kilka przykładów kręgosłupa.Metoda JS Collection UnShift ().

Przykład 1: Dodaj pojedynczy model na początku kolekcji

W tym przykładzie utworzymy klasę modalną o nazwie - Flowers i utworzymy klasę kolekcji Klamią. Miniemy w niej naszą klasę modelową (kwiaty).

Następnie musimy utworzyć instancję dla modelu Flowers z trzema atrybutami (nazwa_kwiata, flower_sepals, flower_petals).

Stworzymy flower_collection, który jest przykładem kolekcji FlowerCollection. I dodamy instancję modelu kwiatu do instancji kolekcji za pomocą metody add ().

Teraz dodamy nową instancję modelu do kolekcji za pomocą metody UnShift ().

Wreszcie wyświetlamy kolekcję za pomocą JSON.metoda stringify ().





Wyjście:

Uruchom aplikację w przeglądarce, zapisując kod w pliku za pomocą .HTML jako rozszerzenie.

Tutaj możemy zobaczyć metodę UnShift () dodaje instancję Flower2 do Flower_Collection na początku.

Przykład 2: Dodaj tablicę modeli na początku w kolekcji

W tym przykładzie utworzymy klasę modalną o nazwie - Flowers i utworzymy klasę kolekcji Klamią. Miniemy w niej naszą klasę modelową (kwiaty).

Następnie musimy utworzyć instancję dla modelu Flowers z trzema atrybutami (nazwa_kwiata, flower_sepals, flower_petals).

Stworzymy flower_collection, który jest instancją kolekcji FlowerCollection. I dodamy trzy instancje modelu kwiatu do instancji kolekcji za pomocą metody add ().

Teraz dodamy dwie instancje modelu na początku kolekcji za pomocą metody UnShift ().

Wreszcie wyświetlamy kolekcję za pomocą JSON.metoda stringify ().









Wskazówka Linux





Wyjście:

Uruchom aplikację w przeglądarce, zapisując kod w pliku za pomocą .HTML jako rozszerzenie.

Tutaj możemy zobaczyć metodę UnShift () dodała na początku Flower2 i Flower3 do kolekcji

Wniosek

W tym kręgosłupie.Samouczek JS, omówiliśmy metodę UnShift () w kolekcji. Służy do dodawania modeli do kolekcji na początku. Jeśli istnieje więcej niż jedna instancja modelu do niezmienionego, możesz użyć tablicy wewnątrz metody UnShift () i przejść do metody UnShift () za pośrednictwem tablicy.