轉(zhuǎn)眼間，馬上又到了中秋了，忽然想到了有到了做活動(dòng)的日子了~每逢佳節(jié)必活動(dòng)的傳統(tǒng)一直是我們前端的職責(zé)所在，去年我介紹了游戲機(jī)，大富翁，那今年的活動(dòng)就來(lái)個(gè)輪盤開(kāi)獎(jiǎng)吧~其實(shí)這個(gè)東西在 pc 端上已經(jīng)爛大街了，無(wú)數(shù)的 demo，插件可以幫助我們實(shí)現(xiàn)這個(gè)功能，所以我也就隨大流的去找了個(gè)知名的 jQuery 插件去實(shí)現(xiàn)這個(gè)功能，可惜我做的是移動(dòng)端的開(kāi)發(fā)。。。平時(shí)基本都是原生javaScript 做開(kāi)發(fā)，頂多上一個(gè) zepto，為了這個(gè)功能上一個(gè) jQuery 總覺(jué)得不是那么地道，不過(guò)現(xiàn)在的jquery壓縮下來(lái)只有38K，想了想還是嘗試嘗試，結(jié)果發(fā)現(xiàn)卡的要死。。。輪盤在 iOS 設(shè)備上轉(zhuǎn)起來(lái)還能看，到了一些安卓上就簡(jiǎn)直不能看了，為此被運(yùn)營(yíng)的吐槽了不少。。。所以干脆決定自己搞一個(gè)算了，我就不信一個(gè)輪盤能這么卡！
說(shuō)干就干，因?yàn)槠綍r(shí)是采用之前說(shuō)的nuts做腳手架的，所以js上面可以使用ES6來(lái)做開(kāi)發(fā)，因此我的這個(gè)插件也同樣采用ES6語(yǔ)法來(lái)寫的，詳細(xì)的使用方法請(qǐng)參考這里。我的這個(gè)插件支持兩個(gè)方法，rotate() 方法用來(lái)對(duì)元素進(jìn)行操作，而 getRotateAngle() 可以取到元素最后停下來(lái)的角度。
簡(jiǎn)單的來(lái)說(shuō)，使用起來(lái)還是很直觀的，在初始化的時(shí)候設(shè)置起始角度，轉(zhuǎn)動(dòng)角度和轉(zhuǎn)動(dòng)時(shí)
