处理很多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你喜欢，它会自动改变，以反映您已经绑定了数据。