處理很多DOM變化

Question

我有一個項目，通過ajax請求加載部分內容。我每次都得到相同的信息結構（json），我試圖爲每個呈現這些結構的DOM-Layout製作一個coffeescript類。

進出口工作在這些結構的第一DOM的表示，我的代碼是像controls.append @Legende.content.messageSpan或@Legende.content.itself.append $(labelNew).html "Name: "

問題炸燬的語句：有以下3個DOM的表示我要實現，這將炸燬我的代碼。

我的問題如下：處理許多DOM樹更改和/或防止擴大文件數量和增加文件大小的主要做法是什麼？

Answer 1

如果您確實有大量基於底層模型變化的DOM更改，最好使用一個庫，它允許您在不需要顯式更改的情況下隱式綁定您的DOM。這是最流行的庫2

• knockoutjs（這是否和別的）
• angularjs（這是否和很多其他的東西，你可能會或可能不會需要）

KnockoutJS更簡單，更平易近人。

角度看起來更復雜一些，但隨着項目變大，規模也不錯。

這些庫中加入註釋的工作原理爲HTML這樣的（基於淘汰賽爲例）

​​

您可以設置但是DOM你喜歡，它會自動改變，以反映您已經綁定了數據。