Javascript 如何从RESTAPI高效地定期刷新Bootstrap4表的内容?

Javascript 如何从RESTAPI高效地定期刷新Bootstrap4表的内容?,javascript,ajax,websocket,bootstrap-4,web-worker,Javascript,Ajax,Websocket,Bootstrap 4,Web Worker,我想根据从服务器端获取的值(例如RESTAPI资源)刷新引导v4表() 我目前正努力采用以下不同的方法: 网袋 网络工作者 递归setTimeout+ajax轮询 还有其他更好的解决方案吗 我的主要要求是每隔500毫秒或更短时间刷新一次(例如股票价格) 我还想知道如何尽可能高效地处理表的DOM呈现。Web工作人员无法直接与DOM交互,而且您的任务也没有那么繁重 我认为WebSockets+DOM操作是通过(数据)属性和单独的节点插入,而不是一次插入大量节点。它可能会慢一点,但没有太大的区别,

我想根据从服务器端获取的值(例如RESTAPI资源)刷新引导v4表()

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

  • 网袋
  • 网络工作者
  • 递归setTimeout+ajax轮询
  • 还有其他更好的解决方案吗
我的主要要求是每隔500毫秒或更短时间刷新一次(例如股票价格)


我还想知道如何尽可能高效地处理表的DOM呈现。

Web工作人员无法直接与DOM交互,而且您的任务也没有那么繁重

我认为WebSockets+DOM操作是通过(数据)属性和单独的节点插入,而不是一次插入大量节点。它可能会慢一点,但没有太大的区别,你甚至可能没有注意到。看

我会单独更新,因为: 1) 它更整洁,易于维护, 2) 您不需要担心事件委派或特定内容的重新初始化 3) 流感觉更自然,而不是仅仅得到一大块标记并将其“粘贴”到DOM中


如果您不打算添加新节点,只需要监听现有节点上的数据更改,那么我建议您使用基于属性的更改

对于web workers,强制将所有内容发送到主线程以更新DOM。如果没有太多数据需要担心,您可以只更新元素上的数据属性,并通过