這篇部落格將會介紹以下內容：
想象一下你的**非常龐大（事實就是這樣），完全載入完需要很長的時間，如果等待載入完使用者才能看到網頁。
顯然，使用者體驗和載入時間成反比，載入時間和網頁大小成正比，和網速大小成反比。
我們的網頁越大，網速越慢，使用者體驗就會越差，直接的後果就是使用者丟失。
當然，資料量小，網速快的情況下並不明顯。確實，在第乙個版本中，我的**就是一次性載入完，再呈現給使用者。
再原來的版本中，後台給前台的就是約定好格式的字串資料，前台統一處理成物件，進行分類（各種各樣的分類），排序（各種各樣的排序函式），然後統一變換成字串寫入。
那麼現在要改版，考慮如何設計被後台資料呼叫的函式呢？
函式名功能
在某元素之後加入元素
insertbefore()
在某元素之前加入元素
innerhtml
改變或取得某元素的內部html**，可以用來將html**轉換成dom結點。因為某些純原生js寫結點十分囉嗦
知識的海洋那麼大，我們只需要選擇合適我們的，就可以了。著眼於眼前的問題。
1.操作起來的話就是，首先想好接下來需要做什麼功能，判斷接下來的功能用哪些api可以實現，這些api我之前沒有用過，起碼要先測試一下吧。所以，編寫測試環境是第一步，測試時熟悉陌生的api。2.重構之前的**，改的差不多了，不知道下一步幹啥了，就該考慮把專案跑起來了。
DOM初探（9） DOM結構樹
document一回車，他就代表整個文件 document一回車，他代表的是乙個函式，什麼函式需要首字母大寫？建構函式吧，只不過這個document有點特殊，你不能new他，這時系統留給自己new的。那這個建構函式對咱們有什麼幫助呢？建構函式上面會有乙個原型，能夠給生產數來的建構函式使用，如果doc...
DOM程式設計
dom 基於文件物件模型程式設計，解析html頁面時，js引擎將html頁面中每乙個標籤都封裝成一物件，通過操作這些物件在頁面中顯示效果 整個文件 document 乙個標籤物件代表乙個節點 node 屬性 nodename 節點名稱 它是以乙個樹狀結構進行儲存 學習dom程式設計的作用 all 返...
DOM程式設計
1.d 當建立了乙個網頁並把它載入到web瀏覽器中時，dom就生成了，它將我們編寫的網頁文件轉換成乙個文件物件。js中的物件可以分為三種型別 a 使用者定義物件 程式設計師自行建立的物件。b 內建物件 array math date c 宿主物件 由瀏覽器提供的物件。js最初版本中，非常重要的一些宿...