转眼间,马上又到了中秋了,忽然想到了有到了做活动的日子了~每逢佳节必活动的传统一直是我们前端的职责所在,去年我介绍了游戏机,大富翁,那今年的活动就来个轮盘开奖吧~其实这个东西在 pc 端上已经烂大街了,无数的 demo,插件可以帮助我们实现这个功能,所以我也就随大流的去找了个知名的 jQuery 插件去实现这个功能,可惜我做的是移动端的开发。。。平时基本都是原生javaScript 做开发,顶多上一个 zepto,为了这个功能上一个 jQuery 总觉得不是那么地道,不过现在的jquery压缩下来只有38K,想了想还是尝试尝试,结果发现卡的要死。。。轮盘在 iOS 设备上转起来还能看,到了一些安卓上就简直不能看了,为此被运营的吐槽了不少。。。所以干脆决定自己搞一个算了,我就不信一个轮盘能这么卡!
说干就干,因为平时是采用之前说的nuts做脚手架的,所以js上面可以使用ES6来做开发,因此我的这个插件也同样采用ES6语法来写的,详细的使用方法请参考这里。我的这个插件支持两个方法,rotate() 方法用来对元素进行操作,而 getRotateAngle() 可以取到元素最后停下来的角度。
简单的来说,使用起来还是很直观的,在初始化的时候设置起始角度,转动角度和转动时

