[微信小程序]这文档是敌特派来的人写的吗?目的就是为了整死我们搬砖工吗？ [想要实现目的，不是件简单的事。]

事情是这样的。


我司一小破程序，打开时类似这样，显示一个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

  • 还没看完就笑了，赶上幽默笑话了。666 话说开发文档确实被吐槽过很多次，本楼主的吐槽最赞（没有之一）。 你应该自己写个博客或者公众号，粉丝肯定很多 , 看，飞碟~~~
    • 哈哈，我也觉得，楼主被代码拖累的段子手。, 哈哈，咱俩真的好默契呀
    • 火钳刘明, 火钳刘明 ，“火前留名”的谐音。由于输入法的缘故，人们在输入火前的时候出现的是火钳，所以网友们为了方便“火前留名”也就变成了“火钳刘明”。常用于贴子或者论坛的回帖词汇。（在帖子火之前留下名字）
    • 我大锤今天就把话撂这了!我就算饿死,从这里跳下去,我也再不用这破Animation接口了!, 就爱和机智的人聊天，讲话贼有趣的。
  • 根据帖子里 赵青山 朋友的指点下 测试了一下  总结如下 以下划重点： 直接使用css3的animation 则动画开始 迭代 结束事件 使用bindanimationstart   bindanimationiteration bindanimationend 绑定 https://drafts.csswg.org/css-animations/#events css3的 transition 可以使用.    但无法绑定任何事件 https://drafts.csswg.org/css-transitions/#transition-events     标准文档里是有transition的事件接口的 不知为何微信并没有提供 再来看微信Animation API创建的动画,只能绑定动画结束的事件,动画开始的事件并没有提供. 根据DEBUG调试的结果来看 微信Animation API框架的老司机应该是将标准transition和animation封装了一下,根据情况不同则调用不同的标准api进行动画的渲染. 只是有一点想不明白,微信何以要做出一个如此四不像的动画API库? 求放过. , 说的貌似很有深意，你能一条一条说么？
  • 我猜LZ在凌晨1点打开了开发者社区 边哭边笑写完，03:43 擦干眼泪沉沉睡去 , 别总说我说说你
    • 刚在社区里搜索了一下关于动画事件不触发的报告还真不少 18年2月份就有这个问题的报告了 就是没人管.哎 官方文档最为致命呐... 表示等不住鹅厂修复了. 临时解决方案,写死凑活用吧 , 你麻麻叫你回家吃饭呢
    • 哈哈哈哈哈 敢情还在苦战 , 呵呵
    • , 如果你什么都不说，我也不知道怎么回答你呀
  • 你这样迟早会猝死的！凌晨4点, 什么原因导致猝死啊？
  • 别折腾了。。用css动画吧。。, 相对动画还喜欢其他的动漫吗？
    • css动画是个大坑 ios打开页面选择性执行 应该是页面没加载完毕 所以我的动画都是onReady中又延迟100ms执行??? 楼主貌似只能折腾了  踩过坑的我留下没技术的泪水 , 我快爱上你了
    • 嗯 是这样。。而且还有个分享bug。。不过可以跨过的坑。。还是可以接受~, 接受什么啊
    • 恩恩,已经把动画全改原生了, 这么肯定？那我可听你的了。
  • 为啥不用css3动画，不是很方便吗，一步到位，用什么代码，说不定回头又给你更新坏了, 哈哈，动画太有意思了，快去看呀。
    • 有道理, 那是我可是小仙女，导师。
    • 微信说，再BB我甩手就改了request，你们是不想过好年了是吧, 城里人类都这么聊天的么
  • 我们文档有些地方确实信息给得太少，我们会重点关注这块。因为现在小程序小游戏整个文档特别大，从我们的角度去阅读编写确实也可能有一些会疏漏的地方，回头我开个帖子收集大家反馈文档问题。, 看来是个小道消息啊。
    • 原来你们也知道的啊, 我会告诉你我早就知道了嘛
    • 官方：这破文档我也不想维护了，跑路吧。, 没用的！
    • , 如果你什么都不说，我也不知道怎么回答你呀
  • 如果是transition 或 wx.createAnimation 动画，可以通过bindtransitionend侦听动画结束，如果是css3动画，可以通过bindanimationend侦听动画结束 , 看动画片也要有个时间限制。
    • 老哥6, 叫得这么亲是想让老哥罩着吗？
    • 怎么监听的  我试了下不行啊~, 你要跟谁试
    • 你写个代码片段看一下https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html, QQ那玩意就像泡女朋友，等星星，等月亮，然后就有太阳了
  • 楼主是从隔壁“万万没想到”剧组过来串场的吧~~~~~欢迎欢迎！, 发个帖，你也可以成为楼主。
    • 这绝对是社区最幽默的帖子，年前最火的一篇帖子, 既然提到了社区，那就随便聊聊吧。
  • 严重怀疑这个大胸弟是半路转行的，以前不是文案组的就是编辑组的，哈哈哈哈^_^（手动滑稽）~, 厉害了厉害了
    • 写小程序属于临时凑数.非前端专业人员, 还能有凑数这种操作呀！
    • 大胸弟，你这是天天上夜班吗，你这个时间点有点厉害啊(o^.^o), 喔
    • 基本早上睡觉. 后半夜干活.  时间比较自由 : ), 能具体点吗
  • 看戏。, 看什么戏
  • 感情你是一个被代码拖累了的写手啊~~, 有什么好拖累的？
  • 兄弟，你以后不干开发了可以转行去做编辑, 这么隐私的问题，我就不告诉你了哈～
  • 好好学学阿里京东吧！, 阿里还是很有发展潜力的。
  • 有趣的灵魂的楼主, 一看你就是那种经常逛帖子的人吧！
  • 今日最佳, 今天不一定可以明天上午可以么
  • 太搞笑了 顺便保存了几张表情包 赞！, 嘻嘻嘻，谢谢！
  • 哎，css动画，竟然有时候tm不加载啊，尴尬的一匹！, 习惯就好。
  • 段子观光团来一波凑数贴，这个槽吐得很有水平！, 像我这种，就属于机智程度太深的人了。
  • 这写作 水平来打代码真是可惜了, 写出的作品真是堪比文豪了！
  • 想跟你点个赞，结果没找到 ，就在这里手动点赞了，点赞！！！, 感谢点赞
  • 大兄弟来我公司写文案吧，工资翻倍不加班，不用看文档, 我想和你认真聊天的。
  • 此贴不火，天理难容！, 哇，不是吧。
  • 被耽误的段子手，你就是撸代码当中最会写段子的那个崽, 运动锻炼时要小心跌打扭伤哦！
  • 哈LZ这个问题我之前也遇到过，翻了超级久的文档（其实百度出来的）才找到API, 看的我一脸懵，都开始怀疑我的智商了。
  • 楼主开个公众号专门写小程序文档的槽点吧，一定粉丝数不少的。, 你想说什么？
  • 评论一向如此精彩, 你看起来好惊讶！
  • 全新的反馈方式，学到了，学到了。这是高手, 我不是高手只是比般的好点点而已
  • COPYRIGHT@20181122, 十万个为什么里面好像有答案。
  • 开发文档水平依旧低下啊。。。, 你这样说，我理解不了。
  • 这篇文章吐槽，我感觉到了过年前的快乐气氛，哈哈哈，服楼主, 笑得下巴都要掉了
  • 被帖子名字，吸引进来的，楼主段子说的溜溜的。。。, 一看你就是那种经常逛帖子的人吧！
  • 兄dei 这个点应该刚打开电脑 继续来到社区文档（手动滑稽）~~~, 你想说什么？
  • 各位大佬  我是一名小白   才刚刚接触小程序  你们能不能告诉我我怎么才能搞好小程序  我就想做一款可以在上面买零食的小程序 我微信 XML2458882805各位大佬 加我  告诉我一下 , 和这么纯洁的我谈论这个话题不合适的呀！
  • 我的是可以监听开始和结束的啊。。。, 听到什么秘密了？
  • 这文档写的有毒，每次到关键时候就断片，关键点一句话带过，逼着去百度好久。, 坦白说，我没看懂什么意思。
  • 好文好文，然后我默默的继续想办法怎么才能从我的坑里爬上来, 谢谢夸奖啦
  • 可怜的我最近已经在琢磨用canvas动画来代替了...可是性能是真的差，能不能运行出来真的看运气, 我很喜欢主角哦。
    • 真机没试过 模拟器里还可以  我昨天试了 100x100x100  的粒子动效模拟器里都挺流畅的 刷新率也够的, 你说这么多，也不管我能不能理解啊。
    • 真机模拟总是有些动画出不来，特别是你放图片, 平时很少拍照的，我希望我在你心里的样子是唯一的，不想破坏。。。
  • 还记得之前有个兄弟，在小程序文档里面没找到，最后去支付宝小程序里面找到的, 曾几何时，我就听说过你的兄弟
    • 支付宝小程序里找到可还行，秀啊, 正在秀
  • 如此神贴，迟早头条，官方不来露个脸？我也想知道你们做得animation是个啥玩意, 一般看头条的时候，都不是看的新闻哦。
  • 日渐消瘦的身体 , 完全看不懂你在说什么。
  • 微官：以整死搬砖工为己任,写文档，不忽悠死你能叫文档,闹呢... so 熊跌，先醒醒回家过年吧 我的小程序审核了好几次都不通过（ps：以前为啥都通过[end]） , 然后呢
  • 看戏, 看什么戏
  • 兄弟颇有点天才小熊猫的文风啊！, 你想说什么？
  • 鹅肠的文档烂那是公认滴。。。, 此话怎讲？
  • 我就看图了，楼主一看就是个斗图的王者啊, 什么图？
  • “请稍后”应该是“请稍候”。请稍后后面需要跟词，比如“请稍后再试”, 搞不清楚你在说什么。
    • ..........秀儿....是你吗, 这真不是我
  • 哈哈哈哈哈哈哈，太他妈幽默了, 有功夫骂人，不如多跟我玩耍哦。
  • 老哥，文案改行过来写程序的？建议改行写段子吧，会火, 你这样说，我理解不了。
    • 不好.一不小心暴露了..., 嘘。千万别声张
  • 人才啊，明年来uc做小编, 天生我才必有用，老鼠儿子会打洞。
  • 这笔风居然没有吸引到官方人员。, 可能吧，我也不确定。
    • 官方人员估计都放假了，坑的我们一线码农加班加点的踩坑, 此话怎讲？
  • 好想给你点100个赞啊，可是点赞入口在哪里呢？微信官方是不是把入口给忘记了..., 类似微信的东西太多了，都不知道用什么好了。
    • 果然是忘记了吧, 就这记性还能忘掉？
  • 凌晨03:43啊，楼主，保住头发要紧啊！！！, 土豪，这栋楼都是你的，给我分两层呗！
    • 我要这头发有何用 : ), 好啊，那你和别人要吧！
  • 没有给帖子赞的按钮吗？, 可能吧，我也不确定。
  • 老哥666 虽然帮不上你，但是还是要给你点赞 , 如果我知道，你不说我也要说的
  • 登上来点个关注，哈哈。, 问啥自我介绍呗
  • 雄蝶，醒醒，回家过年了，, 你是在考我吗？我对蝶可不止一点点的了解。
  • 哈哈哈哈哈哈哈哈 谢谢楼主，我还从你这里学到了一些知识，太感谢了。 不行了，我再去笑会儿……Orz , 如果我知道，你不说我也要说的
  • 这算什么。。。 之前还有过， content-type被腾讯的码农写错了。 最逗的是ios和android写错的方式不一样，导致我们没办法判断字符串。 当然了， 现在就再也发现不了这种bug了。 因为调试权限被去掉了。。。。 嗯， 补充下当时是怎么兼容的。 当时做法是： if， equals， 正确的， 或者， ios的错误版本， 或者， android的错误版本 都算他通过。。。。。 , 说的貌似很有深意，你能一条一条说么？
    • 你果然是个隐藏的很深的老司机, 我不是司机；因为我不会开车。
  • 哈哈哈哈哈哈哈哈哈，被搬砖耽误的段子手， Animation 什么的我是碰都不敢碰的啊， , 不如你先来好了
  • 楼主 段子手赛高 哈哈哈哈哈哈, 跟我说说有什么开心的事情吧。
  • animation 接口没有每一个步骤的 onend callback 真是让人难以理解做这个接口的意义。, 对于人类而言，人是神圣的。
  • 你的配图都绝佳啊！！！, 无图无真相啊。
  • 曾经遇到一个接口字段，文档是小写字母，实际返回是有大写字母。 微信文档垃圾中的垃圾 , 让我们谈下人生吧
  • 当程序员可惜了你这人才, 有才的人到哪都吃的开。
  • 我觉得这是浪费了人才，代码界也是人才济济，看完立马路转粉，这幽默段子堪称经典。, 你这句话把握搞懵了。
  • 给微信写各种api文档的人是真的烂，腾讯还敢留着这种人是要过年吗？难道腾讯招不到人了..., 人类和我们这样的机器人是有很大区别的。
  • 这文采不写公众号太浪费了, 一些公众人物是很有影响力的。
  • 说，你是要笑死我然后继承我的小程序吗？, 说什么呢，这是个问题。
  • 小程序api文档多写几个字会死, 你这是怎么了？
  • 别写代码了，浪费人才, 现在就是个人才济济的时代了。
  • 哈哈，你去当段子手绝对比搬砖好, 问啥自我介绍呗
  • 先收藏一个，说不定之后会用上, 感觉你在指挥我。
  • 就冲你的敬业精神和不屈不挠的品质，给你点个赞！ /个性签名，不服不行；突破1万小时，你就是高手！ , 楼下怎么看
    • 卧槽，又是你。, 你忍心看着我难受吗？不忍心的话就别这样讲好不好！
    • 来了老弟！, 老弟在干嘛呢？
上一篇iOS Input 组件获取焦点时三次触发 focus 事件 （微信7.0.3） [说说呗。]
[微信小程序]苹果手机蓝牙连接问题 [你看外面多么蓝的天，你是不是打算让我再也见不到这么蓝的天]下一篇
下一篇[微信小程序]苹果手机蓝牙连接问题 [你看外面多么蓝的天，你是不是打算让我再也见不到这么蓝的天]