做了个小程序-跳绳计数 云开发体验实践分享一下

[jaylin0917]

最近一段时间,小孩子上小学了,每天下课作业里面有一项是 1 分钟跳绳。作为家长陪跳计数，一边提醒一边计数总容易忘记，所以萌生了写一个小程序辅助的想法。

功能很简单，就是倒计时然后记录跳绳多少个，花了一周多的业余时间上线了一个完整版本。页面请设计的同事帮忙弄了一下，总共就 2 个页面如下：

用到的技术点如下： 1.倒计时（这个看似简单的功能，折腾了不少时间）

2.小程序按钮声音

3.存储数据的小程序云开发

4.以及部分页面逻辑处理

从网上找的倒计时代码或多或少总有点问题,直接递减的方案时间容易偏快或者偏慢.一开始参考了这个项目 http://git.oschina.net/dotton/CountDown 发现使用 setTimeout 在小程序里循环调用会导致内存溢出.后来改用 setInterval 解决了内存溢出的问题.

按钮声音使用了 wx.createInnerAudioContext()具体使用方法可以参考官方文档

https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/wx.createInnerAudioContext.html

小程序的云开发对于这种小型应用真的是比较方便,一方面不需要自己准备服务器,另一方面直接用 JS 写服务端对于前端开发者提供了相当大的便利.代价就是有一定的学习成本,用过数据库的使用云函数应该没什么大问题.

项目开发过程中还是碰到了很多或多或少的问题,唯一的解决之道就是花时间去搞懂并解决它.

这里决定把源代码公开分享,希望抛砖迎玉,一起学习.

项目地址:https://github.com/shrimpspider/skiping.git

[qwertyzzz]

啥意思啊 没明白原理 怎么计数的啊。

[jaylin0917]

@qwertyzzz 就是你孩子在旁边跳绳,你帮他记跳了几次.看来你还没有孩子^_^

[youyaang]

不知道有没有按一次 x2 次数的（看截图没有，没有的话建议加一个，上学时候数跳绳都是看一只脚跳多少次再乘 2 的，不然跟不上跳的速度

[double1]

emmmmm 跳绳 不是本来就有记数功能吗

[likuku]

@double1 对，那种自带机械计数器手柄的跳绳，也不贵。

[qwertyzzz]

@jaylin0917 跳一次你按一次嘛？

[Hydjan]

开摄像头，图像自动识别，可以用机器学习训练算法

[hlwjia]

声音识别应该还是可以