前端性能:股票交易APP频繁更新怎么破

本文探讨了股票交易APP在使用Web App或React Native时遇到的性能问题,如高频更新导致的卡顿。针对问题,提出了采用虚拟列表(如react-peter-window库)、事件冒泡优化及前端消息队列等技术方案,以提高应用的性能和用户体验。
摘要由CSDN通过智能技术生成

写本文的原因
有几位小伙伴最近又来问这个问题,之前帮人解答过一次,今天写下来

以后有时间会多写一些解决方案,例如oom了,不用esbuild怎么解决之类的等…

正式开始
主题:股票交易APP(IM场景前端交互高频更新卡顿)
一个正常的股票交易APP,是很复杂的,大都用原生写,但是有的公司没钱啊,只能做一套web app或者用RN这些写,也有用Flutter的(这就是没钱又要玩,那怎么办呢?那就玩 乞丐版 呀)
在这里插入图片描述
问题重现
用户收藏了1000只自选股(国内国外+期货+指数等),技术栈是web app ,基于react或React-native,很卡顿

由于是双工通讯,而且高频推送,触发更新,而且交易类APP对消息送达的效率/低延迟要求非常高,例如你准备买这只股票,此时大户砸盘,你还没收到更新的信息,下单,发现趋势已经走坏,然后接盘被套。

还有一种情况,你买入的时候出了大利好,你下单价格是10块钱,但是此时已经涨到10.05,这个价格成成交不了,然后你错过了一波大涨。这时候客户就惨了

需求简单&技术的剖析
理论上用户可以添加的自选股票,是无限的

每个自选股/股票的都有对应的事件触发

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值