小程序团购秒杀批量倒计时性能问题
发布于 5 年前 作者 liangxiulan 8723 次浏览 来自 问答

场景:商品列表中,每个商品对应一个倒计时,分三种状态:1⃣️距离团购开始:10:00:002⃣️距离团购结束:10:00:003⃣️活动已结束;

请问该如何实现,是做成组件还是在本页面直接写好一些?另外如果做成组件,每个商品都有一个倒计时,会不会影响性能导致页面卡顿?

求助有这方面经验的大大给个思路,感谢🙏

4 回复

30个列表不是都每个都需要setData,可以监控下元素,可视范围内在走setData

每个商品项是一个组件,各自记时和刷新状态吧,逻辑上是最简单的,30个商品应该没什么问题。

官方也是建议页面频繁setData移到组件内的。

倒计时要频繁setData是没法避免的了,估计主要性能问题就在这了。用canvas来做倒计时或许好一些,不过目前canvas还不是同层渲染的,scroll-view里使用会有问题。

楼主这个问题咋解决的? 我也要做拼团了 和你这个差不多,怕性能问题,可以分享一下吗?

商品大概6-30个,我如果直接写在页面里,然后每隔一秒遍历一下商品列表,判断每个商品的状态并计算倒计时,当所有商品都处于“已结束”状态时,清除计时器,这个在性能上有什么问题嘛?

回到顶部