Befreien Sie sich von den Schwierigkeiten beim Erlernen von Javascript

Es wird natürlich Schwierigkeiten beim Erlernen von JavaScript geben. Dieser Artikel fasst einige Schwierigkeiten beim Erlernen von Javascript zusammen und erklärt jede Schwierigkeit:

1. Konkretisieren Sie das Problem mit systematischem Wissen.

Wenn wir studieren, stellen wir oft fest, dass wir verschiedene Methoden verwenden können, um dasselbe Problem zu lösen. Um beispielsweise ein Klickereignis an ein Element zu binden, können Sie verwenden. Wir gehen zunächst davon aus, dass dies die Methode ist die Veranstaltung zu binden.

Wenn wir zum zweiten Mal sehen, dass wir eine Funktion an ein Ereignis übergeben können, um Folgendes zu binden: a.onclick=f1, dann werden wir denken, dass es mehr als eine Möglichkeit gibt, ein Ereignis zu binden.

Wenn wir die addachEvent("onclick",f1)-Methode zum Binden von Ereignissen zum dritten Mal sehen, werden Sie definitiv denken, dass es möglicherweise mehr als drei Möglichkeiten gibt, Ereignisse zu binden. Und es gibt keinen Grund, drei identische Methoden für eine Sache zu verwenden. Es muss doch einige Unterschiede zwischen ihnen geben?

Was sind also die Unterschiede zwischen ihnen? Wie viele Möglichkeiten gibt es, Ereignisse zu binden? Wenn Sie feststellen, dass eine Methode im IE nicht kompatibel ist, fragen Sie sich immer noch, warum? Ist meine Grammatik falsch? Oder was ist los. Nachdem Sie Fragen nacheinander beantwortet haben, müssen Sie sich fragen: „Oh mein Gott! Wann werde ich JavaScript gut lernen?!“.

Wenn das so weitergeht, kann es für Sie schwierig werden, JS gut zu lernen. Tatsächlich möchte ich Ihnen sagen, dass Sie nicht weit davon entfernt sind, von ihm zu lernen, aber Sie wissen einfach nicht wie. Was ist der Grund? Der Grund dafür ist, dass ich den „JavaScript Definitive Guide“ nicht gelesen habe. Er wird Ihnen sagen, dass es vier Methoden zum Binden von Ereignissen gibt und dass alle Browser sie unterstützen , und es gibt zwei weitere erweiterte Methoden, eine ist die W3C-Standardmethode und die andere ist die IE-Standardmethode. Sie wissen also, warum IE nicht mit einer der erweiterten Methoden kompatibel ist, oder?

Da die Dinge nun konkret sind, müssen Sie bei der Bindung einer Veranstaltung nur noch diese vier Methoden berücksichtigen, und Sie werden nicht mehr so ​​viele Zweifel haben. Sie werden auch das Gefühl haben, dass Sie das Ereignis verstanden haben, und Sie werden auch das Gefühl haben, dass Sie in JS endlich Fortschritte gemacht haben. Natürlich werden Sie auch das Gefühl haben, aus einem Dilemma herausgekommen zu sein.

2. Sie müssen die Geschichte von JavaScript verstehen

Verstehen Sie die Geschichte von JS? Natürlich verstehe ich, dass es ursprünglich nicht JavaScript hieß und nicht zuerst im IE implementiert wurde. Ja, das ist sehr gut, aber das ist nicht das Wichtigste, wenn man das weiß. Man muss es genauer verstehen und vor allem die Geschichte der funktionalen Entwicklung verstehen.

Warum gibt es genau wie oben so viele Methoden zum Binden von Ereignissen? Warum gibt es so viele Möglichkeiten, ein Element zu erhalten? Ist document.links[] formeller? Oder ist getElementsByTagName('a') formeller? Welches ist besser kompatibel? Wie viele solcher Methoden gibt es?

Eine Frage reicht aus, um Ihnen Kopfschmerzen zu bereiten, zehn Fragen führen dazu, dass Sie nicht anfangen können, und hundert Fragen lassen Sie an sich selbst zweifeln. Tausend Fragen kommen schließlich auf die Frage zurück: „Oh mein Gott! Wann kann ich JavaScript gut lernen?“ Haha, das ist oft so. Die Lösung besteht darin, es zu konkretisieren und zu verstehen, wie viele Methoden es gibt und warum es diese Methoden gibt. Auf diese Fragen muss es Antworten geben, denn JS ist nicht etwas, das von Außerirdischen hinterlassen wurde, sondern von Menschen geschaffen wurde, und das Denken dieser Person ist auch begrenzt, oder?

Wenn Sie wissen, dass document.links[] eine Legacy-Dokumentmethode ist und es insgesamt fünf solcher Legacy-Methoden gibt. Einige Probleme verschwinden, wenn es sich um Anker[], Applets[], Formulare[], Bilder[], Links[] handelt. Wenn Sie auch wissen, dass der DOM-Standard sie beibehält und Sie auch wissen, dass alle Browser sie unterstützen, wissen Sie auch dass es sich um das sogenannte „Level 0 DOM“ handelt, werden Sie aus einem weiteren „Dilemma“ herauskommen.

3. JS hat eine kreuz und quer verlaufende Wissensstruktur

Die Wissensstruktur von JS ist horizontal und vertikal kreuz und quer, was es schwieriger macht, diesen Punkt zu verstehen. Lassen Sie uns unten „kreuz und quer“ erklären.

Allgemeinwissen ist horizontal. Aus einer großen Perspektive ist JS beispielsweise in einen Kernteil und einen Clientteil unterteilt. Das ist horizontal. Der Kernteil ist in lexikalische Strukturen, Datentypen und -werte, Variablen, Ausdrücke und Operatoren, Anweisungen, Objekte und Arrays, Funktionen, Klassen, Module und Namespaces sowie reguläre Ausdrücke unterteilt. Dies ist auch horizontal.

Der Client-Teil kann in BOM, DOM, Ereignisse, Stile, Formulare usw. unterteilt werden. Dies sind ebenfalls horizontale Wissensstrukturen.

Eine Technologie verwendet selten die Zeit als Struktur, aber da die Entwicklung von Browsern dynamisch ist, haben Browser in verschiedenen Zeiträumen unterschiedliche Ebenen der JS-Implementierung, und JS wurde zu unterschiedlichen Zeiten für die damaligen Browser geschrieben. Webseiten können aufgrund der technologischen Entwicklung nicht ignoriert werden, und es ist unmöglich, alle Websites mit der technologischen Entwicklung neu zu schreiben. Daher muss JS unter Beibehaltung der Vorwärtsunterstützung entwickelt und aktualisiert werden. Selbst wenn es eine bessere Methode gibt, muss die alte Methode beibehalten werden. Beispielsweise wurde das „Level 0 DOM“ bis zu einem gewissen Grad beibehalten vertikal von.

Wenn ich ein klares Verständnis der Wissensstruktur habe, besteht ein Vorteil darin, dass ich, wenn ich ein Problem lösen möchte, weiß, welches Wissen ich verwenden möchte. Wenn Sie beispielsweise die Position eines Elements im Dokument ermitteln möchten, müssen Sie die Attribute des Elements im DOM verwenden. Wenn Sie die Position des Mauszeigers ermitteln möchten, verwenden Sie die Attribute des Elements Ereignisobjekt. Um einen Verweis auf ein Element zu erhalten, können Sie das Legacy-DOM oder die W3C-Standard-DOM-Methode verwenden. Das ist eine gute Sache.

Tatsächlich liegt der Kern des oben genannten Problems in der Systematisierung und Konkretheit. Dies ist ein Punkt, der meiner Meinung nach im Lernprozess sehr wichtig ist. Das hat bei mir wirklich viele Zweifel ausgeräumt.

Das Gleiche gilt für jedes Wissen und jede Technologie. Solange Sie das gesamte System systematisch studiert haben, werden die Probleme, auf die Sie stoßen, langsam gelöst und Sie werden das oben Gesagte besser verstehen soll Sie dabei unterstützen, die schwierigen Punkte von JavaScript kennenzulernen. Weitere verwandte Artikel finden Sie auf der chinesischen PHP-Website (www.php.cn).