记录一次实践，看看小程序购物车动画怎么优化

记录一次实践，看看小程序购物车动画怎么优化
本篇文章给大家分享一次小程序动画优化实践，看看小程序购物车动画怎么优化，希望对大家有所帮助！

本篇文章给大家分享一次小程序动画优化实践，看看小程序购物车动画怎么优化，希望对大家有所帮助！

小程序购物车动画优化公司小程序点击加购时，会绘制一个抛物线动画，这个抛物线动画是计算出来的贝塞尔曲线上每个点的坐标，再由js遍历点坐标，然后动态设置点的样式，从而实现动画。但这会带来卡顿掉帧问题this.goodBoxTimer = setInterval(() => { index-- this.setData({ &#39;movingBallInfo.posX&#39;: linePos[index][0], &#39;movingBallInfo.posY&#39;: linePos[index][1], }) if (index < 1) { this.resetGoodBoxStatus() }}, 30)