事情是这样的。
我司一小破程序,打开时类似这样,显示一个logo,一个标题

经过一个2秒的动画效果,logo和标题就移动到上面部分了,同时渐显出来一个loading组件,这些都是使用微信小程序的Animation API实现的。


现在需求来了。
我们想在首屏渲染后。在图标往上移的动画执行周期中,将背景色缓慢从蓝色变为白色。
(别问为什么要变背景色,我们准备待会加完班拿上弹弓组团去打设计师家玻璃了)

有朋友会说了,这不是很简单嘛,弄个定时器去替换class不就行了?
我只想说,no no no。朋友,我们搬砖就要有搬砖的样子嘛。
什么时间搬,搬多少,什么时间停,都要严谨嘛。
天真的我,想当然的就拍着胸脯向BOSS表示小意思啦。

naive的我心里想着
肯定会有动画执行开始和结束一个callback接口的嘛
然鹅,、翻遍了微信小程序文档里关于动画的各个段落之后才发现

神马?? 我不信!一定是我的眼刚刚瞎了,我要再看一遍。





PS
看,多么言简意赅的文档!
在看多了外面那些"妖艳贱货"的文档后,如此小清新的文档,还真让我这老司机虎躯一震。
// TODO
我当即在心里暗暗发誓,我一定要强烈建议我司将此文档规范引进并在我司大范围实践,太他【文明用语】高效了。
END PS
在我不懈的努力下
在某毒找到了一篇关于动画重置的实例


哦也,三七三十一,一定是我聋了才没看见这么大个接口
同事心里还在做自我批判,怎么能轻易的就甩锅给腾讯爸爸。
祭出我的Ctrl+F大法

果然。还是我太天真。竟然没有搜到 0/0?
在经过了一番苦苦的某毒搜索之后,猛然意识到,或许是我姿势不对?

谢天谢地,博客园诚不我欺。确实有这个东东。
我默默的打开了唯一的一条搜索结果学习了起来。你猜怎么着?

我发现了腾讯爸爸藏起来的彩蛋。
哇,没想到微信小程序团队这么调皮。
在动画相关的所有文档里,竟然半个字都没提有这几个事件。保密工作做的很到位。表扬。5星好评。