javascript - 如何掌握文档对象模型(DOM)？

Question

一段时间以来一直在使用 Prototype 和 jQuery 等 Javascript 库进行开发。虽然使用这些库是一件好事，但缺点是使用这些库可能无助于理解幕后发生的事情。

1. 那么如何掌握 DOM 呢？
2. 在使用 Javascript 库时了解 DOM 会更有帮助吗？
3. 在不使用库的情况下，了解 DOM 有什么好处？

非常感谢

Answer 1

1. 那么如何掌握 DOM？
   这几乎和说“一个人如何掌握编程？”一样笼统，但我会试一试。

   练习是关键。你不能只读几本书就变得很擅长。您需要实践和经验才能知道当您做不同的事情时到底发生了什么，以及不同的浏览器如何解释您正在做的事情。

   当然，您可以做一些事情，一个是开始在HTML Dog上学习教程。 (查看左侧菜单中的 JavaScript 和 HTML DOM)。另外，查看 caniuse.com这样您就可以看到 DOM 中支持的内容。博客也是一个很大的帮助。 John Resig's blog (jQuery 的创造者)是一些更高级的 DOM 技术的好资源。查看 JavaScript 库的代码，看看它们是如何做事的。这会给你一些关于从哪里开始的想法。当然，您首先需要对 DOM 有一些了解和了解才能发挥作用。 DOM is a mess ，因此要真正掌握它可能需要大量时间和耐心。

   您需要以跨浏览器的方式掌握以下内容，这就是为什么最好使用已经编写好的框架。

   • DOM 操作
   • 事件处理
   • AJAX 请求
     .

2. 在使用 Javascript 库时了解 DOM 会更有帮助吗？
   是的。JavaScript 库很棒，但是如果您不知道框架在(本质上)在幕后做什么，您可能会在 JavaScript 框架中做一些非常不利的事情。例如，jQuery 选择器旨在以特定方式遍历 DOM。如果您不了解 jQuery 遍历的工作原理，它可能会对性能产生重大影响，具体取决于您的情况。

3. 在不使用库的情况下，了解 DOM 有什么好处？
   好吧，当不使用 JavaScript 库时，您必须对 DOM 有相当扎实的了解才能用 JavaScript 做任何事情。如果您不熟悉 DOM 中的所有内容，可能很难开发出可维护的、适用于所有浏览器的东西。

当然，you should almost never do development without a JavaScript framework .选择一个满足您需求的并掌握它。这比尝试 re-invent the wheel (unless you plan on learning more about wheels) 要好得多.