javascript - 从头开始重建表格或更新内容？

Question

我正在用 JavaScript 构建一个基于浏览器的游戏。它包含大量通过表格可视化的信息。游戏是回合制的，所以每当完成一个回合，我就需要调整很多innerHTML这些表。

我的问题是:

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

Answer 1

这取决于 View 保持事件状态的时间、 View 是否共享、更改单元格数量以及更改频率。

如果您有大量用户查看长时间保持事件状态的不同 View /页面，那么如果您可以不频繁地更新各个单元，则可能会减少服务器上的负载。

如果更改发生的频率较低且单元格更改的比例很高，那么最好刷新整个表格。这将是“更少的闲聊”并且总体上使用更少的网络带宽。

但是，如果您有大量用户，并且所有用户都在查看同一 View /页面，您可能希望研究 CQRS 并缓存您的 View 或 View 数据。