如何從rest API高效並定期刷新bootstrap 4表的內容？

Question

我想基於從服務器端獲取的值（例如REST API資源）刷新Bootstrap v4表（ https://getbootstrap.com/docs/4.0/content/tables ）。

我目前正在努力采用以下不同的方法：

• 的WebSockets
• Webworker
• 遞歸setTimeout + Ajax輪詢
• 還有其他更好的解決方案嗎？

我的主要要求是每500毫秒或更短的時間刷新一次（例如，股票價格）。

我也想知道如何最有效地處理表的DOM呈現。

Answer 1

Web Workers無法直接與DOM交互，您的任務也不是那么繁瑣。

我想說通過（數據）屬性和單獨的節點插入而不是一次插入大量節點來進行WebSockets + DOM操作。 它可能會慢一些，但是差別不大，您甚至可能不會注意到它。 查看最快的DOM插入

我會分別進行更新，因為：1）整潔且易於維護，2）您無需擔心事件委派或特定內容的重新初始化3）流感覺更加自然，而不是僅僅獲得大量標記並將其“粘貼”到DOM中。

如果您不會添加新節點，而只是偵聽現有節點上的數據更改，那么我顯然建議您進行基於屬性的更改。