Spisie treści
ten konsola javascript to narzędzie, które mamy dostępne w przeglądarkach najnowszej generacji, takich jak Google Chrome gdzie możemy wykonać niektóre polecenia tego języka, pozwala nam to na wykonanie kodu klienta bezpośrednio w naszej przeglądarce.Backbone.js być Biblioteka Javascript Działa również na kliencie, dzięki czemu możemy wykonać obsługę testów z konsoli w naszej przeglądarce, w ten sposób możemy nauczyć się obsługi obu narzędzi.
Jak korzystać z konsoli
Jak wspomnieliśmy na początku samouczka, możemy użyć Konsola JavaScript naszej przeglądarki, aby wykonać niektóre polecenia, do tego musimy mieć zaktualizowaną przeglądarkę, w naszym przypadku będziemy korzystać z Google Chrome.
SpróbowaćAby uzyskać dostęp do konsoli, musimy przejść do menu naszej przeglądarki w prawym górnym rogu i w sekcji narzędzi wybierz narzędzia deweloperskie.
Zobaczmy, jak wygląda to menu na poniższym obrazku:
Bardzo ważnym poleceniem jest konsola.log (), Ta instrukcja powoduje, że to, co przekazujemy jako argument zostanie wydrukowane bezpośrednio na konsoli.Możemy wykorzystać tę instrukcję do kilku celów, jednym z nich jest debugowanie aplikacji poprzez wydrukowanie wartości w strategicznych punktach, które zdecydujemy.
Na poniższym obrazku zobaczymy, jak możemy zrobić proste wrażenie:
Przygotuj nasze środowisko Backbone.js
Na początek użyj Backbone.js Po prostu musimy stworzyć dokument HTML, w którym zawrzemy wszystkie niezbędne pliki do pracy z frameworkiem, mamy dwie przydatne biblioteki, pierwsza to jQuery, ta popularna biblioteka pozwala nam tworzyć żądania Ajax, pracować między innymi z drzewem DOM dokumentu i musimy również uwzględnić podkreślenie.js który będzie naszym silnikiem szablonów do generowania widoków.
Zobaczmy następujący kod, który musimy stworzyć, aby mieć nasze środowisko Backbone.js:
Tytuł
Tutaj wprowadzamy Backbone.js jako ostatni, abyśmy mogli korzystać z jego funkcji z poprzednimi bibliotekami.
PamiętaćNa koniec mamy sekcję skryptów, do której trafi nasz kod; kod przykładu możemy zapisać w pliku z nazwą, którą chcemy, a następnie otwórz ją w Google Chrome.
Jeszcze jedna sztuczka dla konsoli
SpróbowaćPonieważ nie będziemy w stanie wyrazić całego kodu w jednym wierszu w konsoli, możemy go przekonwertować na edytor wielowierszowy, w tym celu za każdym razem, gdy musimy wprowadzić nową linię, wciskamy klawisz Shift i Enter jednocześnie na poniższym obrazku zobaczymy jak to wygląda:
