急!怎么监控页面的值变化?

1.需求:页面首先渲染了一堆数据(老值),接着每3秒回返回有变化的数据(新值),重新渲染页面对应的数据(老值会被新值覆盖).
2.问题:如果新返回的值大于老的值,就会出现一个向上的箭头并持续5秒后消失;反之箭头向下;
3.页面的值有几千条,每3秒改变的新值返回过来不会太多,多则20条,少则1条.
图片描述来自雷速网←点击跳转

阅读 4.4k
2 个回答

如果是间隔固定时间请求更新的数据,当然用 轮询 了;如果是后台主动推送数据,当然用 websocket 了。至于页面如何渲染,看你用什么框架了,reactvue 都可以。

推荐 WebSocketvue ,websocket用于服务器推送返回数据,每次应有新值和旧值({old:0.833,now:0.855}),vue可以用于数据绑定,不用操作dom,对比新旧值大小添加相应的class

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题