如何掌握文檔對象模型（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的博客 （jQuery的創建者）是一些更高級的DOM技術的良好資源。 看看JavaScript庫的代碼如何看待它們是如何做的。 這將為您提供從哪里開始的一些想法。 當然，首先需要對DOM有一些了解和理解才能使其有用。 DOM是一團糟 ，因此需要花費大量的時間和耐心才能真正掌握它。

   您需要以跨瀏覽器的方式掌握以下內容，這就是使用已編寫的框架更好的原因。

   • DOM操作
   • 事件處理
   • AJAX請求
     。

2. 在使用Javascript庫時，理解DOM會有更多幫助嗎？
   是。 JavaScript庫很棒，但如果你不知道他們的框架（基本上）在幕后做什么，你可以在JavaScript框架中做一些非常不利的事情。 例如，jQuery選擇器旨在以特定方式遍歷DOM。 如果您不了解jQuery遍歷的工作原理，則根據您的具體情況，它可能會產生重大的性能影響。

3. 不使用庫時，通過理解DOM會有什么好處？
   好吧，當不使用JavaScript庫時，你必須非常了解DOM才能在JavaScript中做任何事情。 如果您對DOM中的所有內容都不滿意，那么很難開發出可以在所有瀏覽器中運行的可維護的東西。

當然， 如果沒有JavaScript框架 ， 您幾乎不應該進行開發 。 選擇一個滿足您需求並掌握它的人。 它比試圖重新發明輪子要好得多（除非你打算更多地學習輪子） 。

Answer 2

1. 通過編寫沒有庫的JS或通過研究庫的代碼
2. 是。 例如，您將理解為什么使用庫執行某些操作可能會很慢以及如何更好地執行它們
3. 如果您沒有使用庫，您實際上必須了解DOM才能執行任何操作;）