轉(zhuǎn)眼間，馬上又到了中秋了，忽然想到了有到了做活動的日子了~每逢佳節(jié)必活動的傳統(tǒng)一直是我們前端的職責所在，去年我介紹了游戲機，大富翁，那今年的活動就來個輪盤開獎吧~其實這個東西在 pc 端上已經(jīng)爛大街了，無數(shù)的 demo，插件可以幫助我們實現(xiàn)這個功能，所以我也就隨大流的去找了個知名的 jQuery 插件去實現(xiàn)這個功能，可惜我做的是移動端的開發(fā)。。。平時基本都是原生javaScript 做開發(fā)，頂多上一個 zepto，為了這個功能上一個 jQuery 總覺得不是那么地道，不過現(xiàn)在的jquery壓縮下來只有38K，想了想還是嘗試嘗試，結(jié)果發(fā)現(xiàn)卡的要死。。。輪盤在 iOS 設(shè)備上轉(zhuǎn)起來還能看，到了一些安卓上就簡直不能看了，為此被運營的吐槽了不少。。。所以干脆決定自己搞一個算了，我就不信一個輪盤能這么卡！
說干就干，因為平時是采用之前說的nuts做腳手架的，所以js上面可以使用ES6來做開發(fā)，因此我的這個插件也同樣采用ES6語法來寫的，詳細的使用方法請參考這里。我的這個插件支持兩個方法，rotate() 方法用來對元素進行操作，而 getRotateAngle() 可以取到元素最后停下來的角度。
簡單的來說，使用起來還是很直觀的，在初始化的時候設(shè)置起始角度，轉(zhuǎn)動角度和轉(zhuǎn)動時
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學習是年輕人改變自己的最好方式