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

Question

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

Answer 1

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

Answer 2

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