Как осваивать Document Object Model (DOM)?

Я использовал библиотеки JavaScript, такие как Prototype и jQuery для разработки, некоторое время. В то время как его преимущество в использовании этих библиотек, одна из недостатков заключается в том, что использование таких библиотек, вероятно, не помогает понять, что происходит под капотом.

Итак, как один мастер DOM?
Будет ли понимание DOM более полезным при использовании библиотек Javascript?
Когда вы не используете библиотеки, какие преимущества у вас есть, если вы понимаете DOM?

Большое спасибо заранее

Ответ 1

Итак, как один мастер DOM?
Это почти так же общее, как "Как работает одно программирование?", Но я дам ему шанс.

Практика - это ключ. Вы не можете просто прочитать несколько книг и стать добрыми. Вам нужна практика и опыт, чтобы знать, что именно происходит, когда вы делаете разные вещи, и как разные браузеры интерпретируют то, что вы делаете.

Конечно, есть вещи, которые вы можете сделать, нужно начать обучение по HTML Dog (проверьте JavaScript и HTML DOM в левое меню). Кроме того, проверьте caniuse.com, чтобы вы могли видеть, что поддерживается в DOM. Блоги также помогают. Блог Джона Ресига (создатель jQuery) - хороший ресурс для более продвинутых методов DOM. Взгляните на код JavaScript-библиотек, чтобы увидеть, как они это делают. Это даст вам несколько идей относительно того, с чего начать. Конечно, вам нужно иметь некоторые знания и понимание DOM, чтобы это было полезно, во-первых. DOM - это беспорядок, поэтому для его освоения потребуется много времени и терпения.

Вам нужно освоить следующее, в кросс-браузере, поэтому гораздо лучше использовать уже написанную инфраструктуру.
- манипуляции с DOM
- Обработка событий
- Запросы AJAX
  .
Будет ли понимание DOM более полезным при использовании Javascript-библиотек?
Да. Библиотеки JavaScript великолепны, но вы можете сделать некоторые очень неблагоприятные вещи в фреймворках JavaScript, если не знаете, какова их структура (по существу) за кулисами. Например, селектора jQuery предназначены для прямого перемещения DOM. Если вы не понимаете, как работает обход jQuery, он может иметь значительные последствия для производительности в зависимости от ваших обстоятельств.
Когда вы не используете библиотеки, какие преимущества у вас есть, если вы понимаете DOM?
Ну, когда вы не используете библиотеку JavaScript, вы должны иметь довольно четкое представление о DOM, чтобы что-либо сделать в JavaScript. Может быть сложно разработать что-то поддерживаемое, которое работает во всех браузерах, если вам не нравится все в DOM.

Конечно, вы почти никогда не будете разрабатывать без рамки JavaScript. Выберите тот, который отвечает вашим потребностям и овладеет им. Это намного лучше, чем пытаться заново изобрести колесо (если вы не планируете больше узнать о колесах).

Ответ 2

Записывая JS без библиотеки или изучая код библиотеки
Да. Например, вы поймете, почему выполнение определенных действий с использованием библиотеки может быть медленным и как сделать их лучше.
Если вы не используете библиотеку, вам действительно нужно понять DOM, чтобы иметь возможность что-либо сделать;)