Inhaltsverzeichnis
Das Javascript-Konsole ist ein Tool, das wir in den Browsern der neuesten Generation zur Verfügung haben, wie z Google Chrome wo wir einige Befehle dieser Sprache ausführen können, ermöglicht uns dies, Client-Code direkt in unserem Browser auszuführen.Backbone.js sein Javascript-Bibliothek Es läuft auch auf dem Client, sodass wir die Handhabung der Tests von der Konsole in unserem Browser durchführen können, auf diese Weise können wir den Umgang mit beiden Tools lernen.
So verwenden Sie die Konsole
Wie wir am Anfang des Tutorials erwähnt haben, können wir die Javascript-Konsole unseres Browsers, um einige Befehle auszuführen, dafür benötigen wir einen aktualisierten Browser, in unserem Fall werden wir Google Chrome verwenden.
AusprobierenUm auf die Konsole zuzugreifen, müssen wir gehen zu Menü unseres Browsers oben rechts und im Tools-Bereich wählen Sie Entwicklerwerkzeuge.
Sehen wir uns an, wie dieses Menü in der folgenden Abbildung aussieht:
Ein sehr wichtiger Befehl ist der Konsole.log(), Diese Anweisung bewirkt, dass das, was wir als Argument übergeben, direkt auf der Konsole gedruckt wird.Wir können diese Anweisung für mehrere Zwecke verwenden, darunter zum Debuggen der Anwendung durch Drucken von Werten an strategischen Punkten, die wir entscheiden.
Im folgenden Bild sehen wir, wie wir einen einfachen Eindruck machen können:
Bereiten Sie unsere Backbone.js-Umgebung vor
Für den Anfang Verwenden Sie Backbone.js Wir müssen lediglich ein HTML-Dokument erstellen, in das wir alle notwendigen Dateien einschließen, um mit dem Framework zu arbeiten. Wir haben zwei nützliche Bibliotheken, die erste ist jQuery, diese beliebte Bibliothek ermöglicht es uns, Ajax-Anfragen zu stellen, unter anderem mit dem DOM-Baum des Dokuments zu arbeiten, und wir müssen auch einschließen unterstrich.js Dies wird unsere Vorlagen-Engine zum Generieren von Ansichten sein.
Sehen wir uns den folgenden Code an, den wir erstellen müssen, um unsere Umgebung zu haben Backbone.js:
Titel
Hier machen wir die Aufnahme von Backbone.js zuletzt, damit wir seine Funktionen mit den vorherigen Bibliotheken verwenden können.
MerkenSchließlich haben wir einen Skriptabschnitt, in den unser Code gehen wird; den Code des Beispiels können wir in einer Datei speichern mit dem gewünschten Namen und öffnen Sie es dann in Google Chrome.
Noch ein Trick für die Konsole
AusprobierenDa wir in der Konsole nicht den gesamten Code in einer einzigen Zeile ausdrücken können, können wir ihn in a umwandeln mehrzeiliger Editor, dafür drücken wir jedes Mal, wenn wir eine neue Zeile eingeben müssen, die Taste Shift und Enter Gleichzeitig sehen wir im folgenden Bild, wie das aussieht:
