事情是这样的。
我司一小破程序,打开时类似这样,显示一个logo,一个标题
经过一个2秒的动画效果,logo和标题就移动到上面部分了,同时渐显出来一个loading组件,这些都是使用小程序的Animation API实现的。
现在需求来了。
我们想在首屏渲染后。在图标往上移的动画执行周期中,将背景色缓慢从蓝色变为白色。
(别问为什么要变背景色,我们准备待会加完班拿上弹弓组团去打设计师家玻璃了)
有朋友会说了,这不是很简单嘛,弄个定时器去替换class不就行了?
我只想说,no no no。朋友,我们搬砖就要有搬砖的样子嘛。
什么时间搬,搬多少,什么时间停,都要严谨嘛。
天真的我,想当然的就拍着胸脯向BOSS表示小意思啦。
naive的我心里想着
肯定会有动画执行开始和结束一个callback接口的嘛
然鹅,、翻遍了小程序文档里关于动画的各个段落之后才发现
神马?? 我不信!一定是我的眼刚刚瞎了,我要再看一遍。
PS
看,多么言简意赅的文档!
在看多了外面那些"妖艳贱货"的文档后,如此小清新的文档,还真让我这老司机虎躯一震。
// TODO
我当即在心里暗暗发誓,我一定要强烈建议我司将此文档规范引进并在我司大范围实践,太他【文明用语】高效了。
END PS
在我不懈的努力下
在某毒找到了一篇关于动画重置的实例
哦也,三七三十一,一定是我聋了才没看见这么大个接口
同事心里还在做自我批判,怎么能轻易的就甩锅给腾讯爸爸。
祭出我的Ctrl+F大法
果然。还是我太天真。竟然没有搜到 0/0?
在经过了一番苦苦的某毒搜索之后,猛然意识到,或许是我姿势不对?
谢天谢地,博客园诚不我欺。确实有这个东东。
我默默的打开了唯一的一条搜索结果学习了起来。你猜怎么着?
我发现了腾讯爸爸藏起来的彩蛋。
哇,没想到小程序团队这么调皮。
在动画相关的所有文档里,竟然半个字都没提有这几个事件。保密工作做的很到位。表扬。5星好评。
根据文档,照猫画虎。
控制台没有任何反应
一定是我姿势不对,我换换姿势。
一顿操作猛如虎,然鹅发现并没有什么卵用。
我盯着这条说明,默默的给自己点上了一根烟后陷入了痛苦的沉思。
期间我尝试了各种姿势,都没有找到关于WXSS animation到底是个什么鬼。
我只知道有Animation这个动画API。或许他俩是一个东西?
但是为什么Animation里没有关于它的只言片语?
既然Animation里没有写,肯定是另外一套体系吧?
灵光一闪,
oh no,别又是腾讯爸爸调皮了把文档藏起来了吧。
经过地毯式的搜索及换遍了各种姿势想要跟我的小程序互动一把后。
我选择死亡。
我想起那天夕阳下调的微信小程序,那是我逝去的青春。。。
IDE: v1.02.1901230
Library: 2.4.2
看戏。
就冲你的敬业精神和不屈不挠的品质,给你点个赞!
/个性签名,不服不行;突破1万小时,你就是高手!😄
卧槽,又是你。
来了老弟!
感情你是一个被代码拖累了的写手啊~~
笑尿了
兄弟,你以后不干开发了可以转行去做编辑
好好学学阿里京东吧!
有趣的灵魂的楼主
今日最佳
太搞笑了 😄顺便保存了几张表情包 赞!
哎,css动画,竟然有时候tm不加载啊,尴尬的一匹!