如图,使用react编写的一个抽奖转盘组件,由于要做可配置,转盘上面的奖品项都是dom结构实现的(没做雪碧图),不是一张背景图。使用requestAnimationFrame实现转盘动画。
但是,在iphone6上跑起来出现很明显的卡顿,目测是dom结构太多引起的。
有没有什么优化方案呢?目前我只能想到canvas...
如图,使用react编写的一个抽奖转盘组件,由于要做可配置,转盘上面的奖品项都是dom结构实现的(没做雪碧图),不是一张背景图。使用requestAnimationFrame实现转盘动画。
但是,在iphone6上跑起来出现很明显的卡顿,目测是dom结构太多引起的。
有没有什么优化方案呢?目前我只能想到canvas...
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答2k 阅读
这样的效果,怎么可以用
requestAnimationFrame
呢,多万恶呀。多转几圈不小心就触发GC,然后就卡顿了一下好吧!!像转个方向什么的,CSS
transition
简直可以秒杀好JavaScript好几条街。