Ein Freund sagte, er wolle Javascript lernen, wisse aber nicht, wie man es lernt. In diesem Artikel fasst der Herausgeber die wichtigen Wissenspunkte und Lernmethoden von JavaScript zusammen. Er ist etwas lang, aber ich hoffe, er wird Ihnen hilfreich sein.
1. Probleme mit der Entwicklungsumgebung und der JavaScript-Version
Verschwenden Sie keine Zeit mit diesem Link.
Lassen Sie uns zunächst über die Wahl des Editors, Sublime Text, vs. Code, Atom, Webstorm und HBuilder sprechen. Wenn ein Neuling anfängt, möchte er immer den besten Editor finden. Tatsächlich ist es so, als würde man einen Helden im Spiel auswählen. Es gibt keinen besten, sondern nur den, der am besten zu einem passt. Wählen Sie einfach vs. Code. Ich denke, das ist für Neulinge recht freundlich.
Verwenden Sie Chrome als Browser und dann können Sie mit dem Codieren beginnen.
Was die JavaScript-Version betrifft, empfehle ich Ihnen, mit dem Lernen von ES5 zu beginnen und sich dann die neuen Funktionen von ES2015+ anzusehen, nachdem Sie über eine gewisse Grundlage verfügen.
2. Grundlegende Grammatik
Es gibt viele Ähnlichkeiten zwischen dem Erlernen von Programmiersprachen und dem Erlernen natürlicher Sprachen. Wir müssen mit den grundlegendsten Wörtern und der Grammatik beginnen.
- Variablen: So deklarieren Sie Variablen und weisen Variablen Werte zu.
- Datentyp: Was ist der Datentyp, was ist der Unterschied zwischen Zahlen und Zeichenfolgen?
- Operatoren und Ausdrücke: Welche Operatoren werden häufig verwendet? Der Unterschied zwischen „=", „==" und „===" usw.
- Zweiganweisungen: if, switch
- Schleifenanweisungen: for, while
- Funktion: Was ist eine Funktion, was sind Parameter und was ist der Rückgabewert.
Sie müssen mit diesen grundlegenden Grammatiken sehr vertraut sein, sonst wird das spätere Erlernen schwierig.
3. Objekt
Objekt ist ein sehr wichtiges Konzept und muss flexibel erfasst werden:
- Objekt: eine ungeordnete Sammlung von Attributen Funktion, wir nennen diese Funktion eine Methode des Objekts.
- Array: Eine geordnete Sammlung von Elementen. Gängige Methoden zum Verständnis von Arrays
- Datumsobjekte: Jahr, Monat, Tag, Stunde, Minute und Sekunde ermitteln
- Mathematische Objekte: Zufallszahlen ermitteln
- Andere Objekte verstehen: regelmäßig Ausdrücke, Verpackungsobjekte, eigentlich sind Funktionen auch Objekte, aber ein kurzes Verständnis dieser wird ausreichen.
Jedes Objekt hat viele Methoden. Merken Sie sich diese nicht. Genau wie beim Englischlernen müssen wir uns die notwendigen Wörter merken Wie man sie benutzt, schlagen Sie einfach in einem Wörterbuch nach.
Der Prozess des Lernens von [Grundgrammatik] und [Objekt] ist relativ langweilig und die Verbindung zwischen Wissenspunkten ist nicht besonders eng, genau wie wir wissen, wenn wir chinesische Schriftzeichen in der ersten Klasse der Grundschule lernen Was die einzelnen Zeichen sind, aber ich weiß nicht, wie ich sie zusammensetzen soll, deshalb übe ich in der Grundschule nur Wortbildung, Satzbildung und Kompositionsschreiben. Wir vergleichen die Projekte, die wir durchführen, mit dem Schreiben von Aufsätzen, wir haben also noch einen weiten Weg vor uns, seien Sie also nicht ungeduldig.
4. DOM
- DOM-Baumstruktur
- Knoten: Elementknoten, Textknoten, Attributknoten
- Knotenbeziehung: Geschwister, Eltern- untergeordnete Ebene usw.
- Knoten abrufen: querySelector, querySelectorAll usw.
- Knotenoperationen: hinzufügen, löschen, ändern, prüfen
- Ereignisbindung: Ereignisfluss und Ereignisdelegation sollte verstanden werden
DOM bietet auch viele Methoden. Investieren Sie jedoch nicht zu viel Energie. Diese große Anzahl von Methoden wird uns immer beunruhigen um ein allgemeines Verständnis von DOM zu haben. Wir können diese chaotischen Schnittstellen in Zukunft vollständig durch jQuery oder Frameworks ersetzen.
(Wenn Sie sich für DOM interessieren, können Sie zurückkommen und sich vertiefen, nachdem Sie die Fähigkeiten etwas umfassender erlernt haben. Wenn Sie jedoch in der frühen Phase viel Zeit investieren, wirkt sich dies tatsächlich auf die Lerneffizienz aus.)
Fünftens: jQuery
jQuery ist ein Muss, aber der Einstieg in jQuery ist wirklich einfach. Es dauert zwei Tage, um die Verwendung von jQuery zu verstehen, und dann können Sie es mit jQuery erreichen Verschiedene Seiteneffekte werden auf jeden Fall in der Anfangsphase stolpern, aber es gibt viele Informationen zu jQuery. Lernen Sie es einfach und machen Sie es gleichzeitig.
6. Erweitertes JavaScript
Sobald Sie sich mit jQuery auskennen, können Sie beginnen, fortgeschrittenere Inhalte in JavaScript zu erlernen:
Der Unterschied zwischen primitiven Typen und Referenztypen
Verschiedene Typkonvertierungen und Typerkennung
Abschlüsse: Funktionen innerhalb von Funktionen, Sie lassen sich einfach nicht davon verwirren, wie Sie sie anwenden.
Prototyp: Wie Konstruktoren, Prototypeigenschaften und prototypbasierte Vererbung implementiert werden.
Dies: Sie können eine Grube öffnen und sie sorgfältig studieren
7. Knoten verstehen
Knoten kann jetzt als ein Muss für das Front-End bezeichnet werden, aber stattdessen Lernen Sie, Node als Backend zu verwenden, verwenden Sie verschiedene Tools im Node-Ökosystem und verwenden Sie Node übrigens, um den Hintergrund zu verstehen.
- Verwenden Sie node, um einen statischen Server zu öffnen
- Verwenden Sie npm, um Module von Drittanbietern herunterzuladen
- Webpack
- babel
Es ist am besten, Express zu verwenden, um ein einfaches Hintergrundprogramm zu schreiben (ein server.js reicht aus), um einige Anforderungen zu verarbeiten, sodass wir, wenn wir Ajax lernen, die Hintergrundschnittstelle selbst schreiben können. Dies erfordert natürlich Grundkenntnisse des http-Protokolls.
8. Neue Funktionen von ES2015+
- Variablen und Konstanten: Warum auf var verzichten?
- Strukturzuweisung
- Pfeilfunktion
- Modularisierung
- Klasse
- Zusammenstellung
Wie Versprechen, Async /await-Funktionen usw., es hängt alles von Ihren Fähigkeiten ab. Wenn Sie nicht hinsehen, hat dies keinen Einfluss auf Ihr späteres Lernen. Sie müssen es auch in Zukunft noch nachholen.
9. AJAX
Um es einfach auszudrücken: Verstehen Sie das http-Protokoll, was ist eine Anfrage, was ist eine Antwort, was sind die Unterschiede zwischen get und post, und lernen Sie dann Ajax und sehen Sie dass die Syntax im Grunde genommen Verstanden ist.
- Verwenden Sie XMLHttpRequest, um eine Anfrage zu senden und Daten zu empfangen.
- Verwenden Sie jQuery, um eine Anfrage zu senden und Daten zu empfangen.
- JSON-Analyse
Das ist alles, was Sie wissen müssen. Egal, ob Sie arbeiten oder studieren, wir werden die spezifischen Probleme in Zukunft im Detail analysieren damals.
10. Wählen Sie eines von React, Angular und Vue. Wenn Sie vom Backend zum Frontend wechseln, wird empfohlen Technisches Frontend, React wird empfohlen.
Dieser Artikel richtet sich an Anfänger ohne Grundkenntnisse. Daher ist es natürlich besser, sich für Vue zu entscheiden.
Endlich
Durch diese zehn Schritte können Sie sich ein umfassendes Verständnis des JavaScript-Systems verschaffen und sich dann abhängig von Ihren Hobbys oder Arbeitsanforderungen auf die Richtung konzentrieren, in die Sie sich entwickeln müssen. Der Weg zur Technologie ist lang und dies ist nur ein Anfang.
Das obige ist der detaillierte Inhalt vonWie lernt man js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
