Spisie treści
Jeśli zrobimy trochę badań na temat zalet Backbone.js, z czego przekonamy się, że jest niska waga, ale z tego powodu mamy też małą wadę, jeśli potrzebujemy czegoś, co idzie dalej, musimy to zbudować.Ciekawe jest to, że tę wadę zauważyło już wiele osób i istnieje kilka rozszerzeń, które ułatwiają nam życie, wprowadzając nowe funkcjonalności, które mogą ułatwić rozwój i podnieść jakość naszych aplikacji.
Thorax.js
Backbone.js pozwala nam dodać niezbędną strukturę do tworzenia aplikacji, jednak nie jest to framework jako taki, więc nie ma określonego sposobu działania, jest to zaleta i wada, ponieważ daje nam swobodę, ale także sprawia, że pracujemy trochę więcej.
Jak to działa?Aby to zniwelować, mamy rozszerzenie Tułów że jeśli ustalisz sposób robienia rzeczy za pomocą Kierownice.js do obsługi widoków, w sposób równoznaczny z MarionetkaJS, chociaż różni się pod pewnymi względami, na przykład MarionetkaJS pokazuje swoje wzorce rozwoju jako APIs JavaScript, Jednakże Tułów robi to jako pomocnicy szablonów.
Tułów został opracowany, aby pomóc w tworzeniu witryny mobilnej Walmart, z którym już wiemy, że jego niszą jest możliwość obsługi masowych aplikacji, możemy zacząć od zajrzenia na stronę Tułów po więcej informacji:
POWIĘKSZAĆ
Witaj świecie!Aby pokazać trochę jak działa klatka piersiowa wykonamy klasyczny przykład pokazania a "Witaj świecie!"Dzięki temu będziemy w stanie wykonać trochę pracy i zobaczymy natychmiastowe wyniki, które mogą dać nam kilka odpowiedzi.
Spójrzmy na kod „Witaj świecie!” Na poniższym obrazku w ten sposób możemy wyjaśnić sposób jego budowy:
Najpierw musimy zdefiniować widok typu Klatka piersiowa.Widok, dzięki temu będziemy dziedziczyć odpowiednie funkcje, z których Thorax korzysta do komunikacji Kierownice, w kolejnym akcie widzimy, że definiujemy klucz o nazwie "Powitanie" i przypisujemy wartość "Hello", pomoże nam to za każdym razem, gdy wywołamy "pozdrowienie", będziemy mogli wydrukować jego wartość.
Generowanie szablonuNastępnie generujemy szablon, w tym celu mówimy mu, że "Szablon" będzie szablon wygenerowany za pomocą Kierownice.kompilacja (), w ramach tej definicji dodajemy resztę naszego „Witaj świecie!”, widzimy, że zawieramy „pozdrowienie” w dwóch parach nawiasów klamrowych {{}}, dzięki temu mówimy Handlebar, że powinien szukać wartości tego klucza w definicja wzroku.
Na koniec, aby pokazać nasz pogląd, używamy .appendTo() metoda To, co robi, to dodawanie treści do żądanego selektora, w tym podstawowym przykładzie wybraliśmy treść naszego dokumentu HTML.
Na tym kończymy ten samouczek, ponieważ widzimy rozszerzenie Tułów pomaga nam nadać nowe znaczenie naszej aplikacji za pomocą Backbone.js definiując sposób pracy w części widokowej, dając nam w ten sposób już zbudowane elementy, aby uniknąć powtarzającego się kodu.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt