從頭開始重建表格或更新內容？

Question

我正在用JavaScript構建基於瀏覽器的遊戲。它包含很多通過表格可視化的信息。 遊戲是回合制，因此只要一轉完成後，我需要調整很多的這些表的innerHTML。

我的問題是：

是不是更聰明給ID的所有<td>和更新innerHTML還是聰明包裹表一div內，清除div並從頭開始重新構建所有表，然後追加他們？

Answer 1

這取決於視圖多久保持活躍，如果也有同感，有多少細胞改變，以及如何頻繁。

如果你有大量的用戶在尋找不同的意見/，很長一段時間保持活躍頁面，那麼它可能會在服務器上產生更少的負擔，如果你可以不常更新單個細胞。

如果發生變化不太頻繁和細胞的高比例發生變化，那麼它可能是最好刷新整個表。這將會「不那麼健談」，並且整體使用更少的網絡帶寬。

但是，如果你有一個高的用戶，都在看相同的觀點/頁，你不妨看看CQRS和緩存您的意見或看法數據。

Answer 2

相反，取代innerHTML，代碼看起來會更好，並且會更加輕鬆，因爲不是重新創建整個事物，而只是替換對象中的字符串，這顯然是更輕鬆的任務。所以在大多數情況下，這樣做是有道理的。 儘管如此，請考慮使用框架或模板。