¿Cómo dominar el modelo de objetos de documento (DOM)?

Question

He estado utilizando bibliotecas Javascript como Prototype y jQuery para desarrollo, desde hace un tiempo. Si bien es una bendición usar esas bibliotecas, el único inconveniente es que el uso de tales bibliotecas probablemente no ayude a entender lo que sucede bajo el capó.

1. Entonces, ¿cómo se domina DOM?
2. ¿Será más útil entender DOM a la hora de usar bibliotecas de Javascript?
3. Cuando no se utilizan bibliotecas, ¿qué beneficios se obtienen entendiendo DOM?

Muchas gracias de antemano

Answer 1

1. Entonces, ¿cómo DOM un maestro?
   Esto es casi tan general como decir "¿Cómo se programa un maestro?", Pero voy a intentarlo.

   La práctica es la clave. No puedes simplemente leer algunos libros y ser bueno con eso. Necesita práctica y experiencia para saber qué está sucediendo exactamente cuando hace cosas diferentes y cómo los diferentes navegadores interpretan lo que está haciendo.

   Por supuesto, hay cosas que puede hacer, una es comenzar a tomar tutoriales en HTML Dog (ver JavaScript & HTML DOM en el menú de la izquierda). Además, consulte caniuse.com para que pueda ver qué es compatible con el DOM. Los blogs también son de gran ayuda. John Resig's blog (creador de jQuery) es un buen recurso para algunas técnicas DOM más avanzadas. Echa un vistazo a cómo el código de las bibliotecas de JavaScript para ver cómo hacen las cosas. Esto le dará algunas ideas sobre dónde comenzar. Por supuesto, necesita tener algún conocimiento & del DOM para que esto sea útil, primero. El DOM is a mess, por lo que puede tomar mucho tiempo y paciencia para dominarlo realmente.

   Deberá dominar lo siguiente, de forma cruzada, por lo que es mucho mejor utilizar un marco ya escrito.

   • manipulación del DOM
   • manejo
   • AJAX evento a pedidos
     .

2. ¿Entenderá DOM ser de más ayuda cuando se usen bibliotecas de Javascript?
   Sí. Las bibliotecas de JavaScript son geniales, pero puede hacer algunas cosas muy desfavorables en los marcos de JavaScript si no sabe qué están haciendo (en esencia) detrás de las escenas. Por ejemplo, los selectores jQuery están diseñados para atravesar el DOM de una manera específica.Si no comprende cómo funciona jQuery transversal, puede tener importantes implicaciones de rendimiento según sus circunstancias.

3. Cuando no se utilizan bibliotecas, ¿qué beneficios se obtienen entendiendo DOM?
   Bueno, cuando no se utiliza una biblioteca de JavaScript, debe tener una comprensión bastante sólida del DOM para hacer cualquier cosa en JavaScript. Puede ser difícil desarrollar algo que sea fácil de mantener que funcione en todos los navegadores si no se siente cómodo con todo en el DOM.

Por supuesto, you should almost never do development without a JavaScript framework. Elija uno que satisfaga sus necesidades y domínelo. Es mucho mejor que intentar re-invent the wheel (unless you plan on learning more about wheels).

Answer 2

1. escribiendo JS sin biblioteca o mediante el estudio del código de una biblioteca
2. Sí. Por ejemplo, comprenderá por qué hacer ciertas acciones usando una biblioteca puede ser lento y cómo hacerlo mejor
3. Si no está usando una biblioteca, realmente tendría que entender que el DOM puede hacer algo;)