Wie beherrscht man das Document Object Model (DOM)?

Question

Ich verwende seit einiger Zeit Javascript-Bibliotheken wie Prototype und jQuery für die Entwicklung. Während seine ein Segen mit diesen Bibliotheken, der eine Nachteil ist, dass mit solchen Bibliotheken wahrscheinlich nicht helfen, zu verstehen, was unter der Haube passiert.

1. Wie kann man also DOM beherrschen?
2. Wird das Verständnis des DOM bei der Verwendung von Javascript-Bibliotheken hilfreicher sein?
3. Welchen Nutzen hat man, wenn man keine Bibliotheken verwendet, wenn man DOM versteht?

Vielen Dank im Voraus

Answer 1

1. Wie kann man also DOM beherrschen?
   Das ist fast so allgemein wie die Frage "Wie beherrscht man das Programmieren?", aber ich werde es versuchen.

   Übung ist der Schlüssel. Man kann nicht einfach ein paar Bücher lesen und gut darin werden. Man braucht Übung und Erfahrung, um zu wissen, was genau vor sich geht, wenn man verschiedene Dinge tut, und wie verschiedene Browser das interpretieren, was man tut.

   Natürlich können Sie einiges tun, z. B. Tutorials unter HTML-Hund (siehe JavaScript & HTML DOM im linken Menü). Besuchen Sie auch caniuse.com damit Sie sehen können, was im DOM unterstützt wird. Auch Blogs sind eine große Hilfe. John Resig's Blog (Schöpfer von jQuery) ist eine gute Quelle für einige fortgeschrittene DOM-Techniken. Werfen Sie einen Blick in den Code von JavaScript-Bibliotheken, um zu sehen, wie sie vorgehen. Dies wird Ihnen einige Ideen geben, wo Sie anfangen können. Natürlich müssen Sie ein gewisses Maß an Wissen und Verständnis für das DOM haben, damit dies nützlich ist. Die DOM ist ein Chaos Es kann also viel Zeit und Geduld erfordern, um es wirklich zu beherrschen.

   Sie müssen Folgendes beherrschen, und zwar browserübergreifend, weshalb es viel besser ist, ein bereits geschriebenes Framework zu verwenden.

   • DOM-Manipulation
   • Behandlung von Ereignissen
   • AJAX-Anfragen
     .

2. Wird das Verständnis des DOM bei der Verwendung von Javascript-Bibliotheken hilfreicher sein?
   Ja. JavaScript-Bibliotheken sind großartig, aber Sie können einige sehr ungünstige Dinge in JavaScript-Frameworks tun, wenn Sie nicht wissen, was sie Rahmen ist (im Wesentlichen) tun hinter den Kulissen. Zum Beispiel sind jQuery-Selektoren so konzipiert, dass sie das DOM auf eine bestimmte Weise durchlaufen. Wenn Sie nicht verstehen, wie jQuery Traversal funktioniert, kann dies je nach den Umständen erhebliche Auswirkungen auf die Leistung haben.

3. Welchen Nutzen hat man, wenn man keine Bibliotheken verwendet, wenn man DOM versteht?
   Nun, wenn man keine JavaScript-Bibliothek verwendet, muss man ein ziemlich solides Verständnis des DOM haben, um etwas in JavaScript zu tun. Es kann schwierig sein, etwas zu entwickeln, das wartbar ist und in allen Browsern funktioniert, wenn man sich nicht mit allem im DOM auskennt.

Ja, natürlich, Sie sollten fast nie ohne ein JavaScript-Framework entwickeln . Suchen Sie sich eine aus, die Ihren Bedürfnissen entspricht, und beherrschen Sie sie. Das ist viel besser, als zu versuchen das Rad neu erfinden (es sei denn, Sie haben vor, mehr über Räder zu lernen) .

Answer 2

1. Durch das Schreiben von JS ohne eine Bibliothek oder durch das Studium des Codes einer Bibliothek
2. Ja. Sie werden z. B. verstehen, warum die Durchführung bestimmter Aktionen mit einer Bibliothek langsam sein kann und wie man sie besser durchführen kann
3. Wenn Sie keine Bibliothek verwenden, müssten Sie eigentlich das DOM verstehen, um etwas tun zu können ;)