1.需求:页面首先渲染了一堆数据(老值),接着每3秒回返回有变化的数据(新值),重新渲染页面对应的数据(老值会被新值覆盖).
2.问题:如果新返回的值大于老的值,就会出现一个向上的箭头并持续5秒后消失;反之箭头向下;
3.页面的值有几千条,每3秒改变的新值返回过来不会太多,多则20条,少则1条.来自雷速网←点击跳转
1.需求:页面首先渲染了一堆数据(老值),接着每3秒回返回有变化的数据(新值),重新渲染页面对应的数据(老值会被新值覆盖).
2.问题:如果新返回的值大于老的值,就会出现一个向上的箭头并持续5秒后消失;反之箭头向下;
3.页面的值有几千条,每3秒改变的新值返回过来不会太多,多则20条,少则1条.来自雷速网←点击跳转
推荐 WebSocket
和 vue
,websocket用于服务器推送返回数据,每次应有新值和旧值({old:0.833,now:0.855}),vue可以用于数据绑定,不用操作dom,对比新旧值大小添加相应的class
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
如果是间隔固定时间请求更新的数据,当然用
轮询
了;如果是后台主动推送数据,当然用websocket
了。至于页面如何渲染,看你用什么框架了,react
、vue
都可以。