从头开始重建表还是更新内容？

Question

我在JavaScript中构建基于浏览器的游戏。 它包含许多通过表格可视化的信息。 游戏是回合制的，所以每当转弯完成时，我需要调整这些表格的很多innerHTML。

我的问题是：

为所有<td>提供ID并更新innerHTML是否更明智，或者将表格包装在div内更清楚，清除div并重建所有表从头开始，然后追加它们？

Answer 1

取决于视图保持活动状态的时间长短，视图是否共享，有多少单元格发生变化以及频率变化。

如果您有大量用户查看长时间保持活动状态的不同视图/页面，那么如果您可以对单个单元格进行不频繁的更新，则可能会降低服务器的负载。

如果更改发生频率降低且细胞比例变化很大，那么最好刷新整个表格。这将是不那么健谈的＃39;并且整体使用较少的网络带宽。

但是，如果您拥有大量用户，所有用户都在查看相同的视图/页面，您可能希望查看CQRS并缓存您的视图或查看数据。

Answer 2

相反替换innerHTML，代码看起来会更好，而且会更轻松，因为不是重新创建整个东西，而只是替换对象中的字符串，这显然是一个更轻松的任务。因此，在大多数情况下，这样做是有意义的。 但是，请考虑使用框架或模板。