成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

半小時(shí)擼一個(gè)抽獎(jiǎng)程序

ysl_unh / 2812人閱讀

摘要：需求總是很緊急，昨天正在開(kāi)會(huì)收到人力需求，有時(shí)間做個(gè)抽獎(jiǎng)嗎下午四點(diǎn)，年會(huì)五點(diǎn)開(kāi)始。好了不扯淡了開(kāi)始干活吧先屢一下思路好看是好看不了了，別指望沒(méi)設(shè)計(jì)沒(méi)時(shí)間程序員搞出來(lái)的效果。樣式開(kāi)始按鈕停止按鈕人員名單別列表抽中名單列表。

需求總是很緊急，昨天正在開(kāi)會(huì)收到人力需求，有時(shí)間做個(gè)抽獎(jiǎng)嗎?（now 下午四點(diǎn)12，年會(huì)五點(diǎn)開(kāi)始。）還沒(méi)能等我拒絕，人事又補(bǔ)了一句做不出來(lái)我們就不抽獎(jiǎng)了，我擦瞬間感覺(jué)要是搞不出來(lái)會(huì)被兄弟們捅死的節(jié)奏，默默的刪除了沒(méi)時(shí)間做的消息，重新寫(xiě)了四個(gè)字名單給我。

還好去年前年都是我搞得很慶幸沒(méi)被當(dāng)場(chǎng)打臉，重啟去年程序（需要收集全員頭像并ps）時(shí)間顯然不夠，慶幸的是還有點(diǎn)經(jīng)驗(yàn)，會(huì)議結(jié)束時(shí)間已經(jīng)四點(diǎn)半了。

好了不扯淡了開(kāi)始干活吧！

先屢一下思路

1、好看是好看不了了，別指望沒(méi)設(shè)計(jì)沒(méi)時(shí)間程序員搞出來(lái)的效果。
2、樣式開(kāi)始按鈕、停止按鈕、人員名單別列表、抽中名單列表。
3、點(diǎn)擊開(kāi)始，首先亂序名單列表保證每次抽獎(jiǎng)列表順序不一樣，防止他們懷疑我作弊搞權(quán)重（就TM半小時(shí)哪有時(shí)間搞權(quán)重）時(shí)間緊任務(wù)重，直接用的lodash shuffle方法來(lái)亂序視圖
4、隨機(jī)數(shù)是肯定要有的，每隔200ms隨機(jī)一個(gè)從0到人員個(gè)數(shù)（數(shù)組長(zhǎng)度隨機(jī)整數(shù)）
5、抽中人員和沒(méi)抽中人員分兩個(gè)數(shù)組存入localStorage，防止抽獎(jiǎng)過(guò)程中刷新頁(yè)面，純靜態(tài)不存本地那場(chǎng)面就尷尬了每次刷新完如果本次存儲(chǔ)了從本地獲取人員列表和中獎(jiǎng)名單
6、點(diǎn)擊end選中當(dāng)前隨機(jī)數(shù)在頁(yè)面上高亮顯示。

接下來(lái)看整體實(shí)現(xiàn)代碼





    
    
    
    2019抽獎(jiǎng)程序
    
    
    




    

        
        
        

            {{item}}
        

        
            
                {{ item }}

體驗(yàn)下效果

需求搞定，經(jīng)現(xiàn)場(chǎng)測(cè)試目前沒(méi)發(fā)現(xiàn)什么問(wèn)題！如有疑問(wèn)隨時(shí)回復(fù)留言！

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/108978.html

相關(guān)文章

  • 九宮格抽獎(jiǎng)--手擼代碼

    摘要：總是看到類(lèi)似的九宮格抽獎(jiǎng)效果后來(lái)想自己手?jǐn)]一個(gè)試一試吧。多多嘗試萬(wàn)一成功了呢先來(lái)總結(jié)一下效果類(lèi)似與跑馬燈效果，閃動(dòng)效果先快后慢。 總是看到類(lèi)似的九宮格抽獎(jiǎng)效果,后來(lái)想自己手?jǐn)]一個(gè)試一試吧。(多多嘗試,萬(wàn)一成功了呢 github L6zt) 先來(lái)總結(jié)一下效果,類(lèi)似與跑馬燈效果，閃動(dòng)效果先快后慢。代碼解析如下所示：代碼 0 ...

    zhou_you 評(píng)論0 收藏0

  • 九宮格抽獎(jiǎng)--手擼代碼

    摘要：總是看到類(lèi)似的九宮格抽獎(jiǎng)效果后來(lái)想自己手?jǐn)]一個(gè)試一試吧。多多嘗試萬(wàn)一成功了呢先來(lái)總結(jié)一下效果類(lèi)似與跑馬燈效果，閃動(dòng)效果先快后慢。 總是看到類(lèi)似的九宮格抽獎(jiǎng)效果,后來(lái)想自己手?jǐn)]一個(gè)試一試吧。(多多嘗試,萬(wàn)一成功了呢 github L6zt) 先來(lái)總結(jié)一下效果,類(lèi)似與跑馬燈效果，閃動(dòng)效果先快后慢。代碼解析如下所示：代碼 0 ...

    ChanceWong 評(píng)論0 收藏0

  • 轉(zhuǎn)盤(pán)抽獎(jiǎng)腳本自己擼

    摘要：效果需求很多場(chǎng)景都需要做各種活動(dòng)，抽獎(jiǎng)最是司空見(jiàn)慣了，跑馬燈的，轉(zhuǎn)盤(pán)的，下面先花幾分鐘擼出一個(gè)轉(zhuǎn)盤(pán)的吧，當(dāng)然網(wǎng)上至少有一打的可供參考。但是我們只差一個(gè)定時(shí)器循環(huán)了接下里實(shí)現(xiàn)這個(gè)主循環(huán)，不斷更新值就可以了。 demo 效果 需求 很多場(chǎng)景都需要做各種活動(dòng)，抽獎(jiǎng)最是司空見(jiàn)慣了，跑馬燈的，轉(zhuǎn)盤(pán)的，下面先花幾分鐘擼出一個(gè)轉(zhuǎn)盤(pán)的吧，當(dāng)然網(wǎng)上至少有一打的 demo 可供參考。真的只需要一點(diǎn)點(diǎn)時(shí)間而...

    趙春朋 評(píng)論0 收藏0

  • 寫(xiě)給前端的區(qū)塊鏈開(kāi)發(fā)入門(mén)指南：零基礎(chǔ)開(kāi)發(fā)基于以太坊智能合約的 ICO DApp

    摘要：圍繞以太坊的開(kāi)發(fā)生態(tài)是目前相對(duì)最成熟的，比如有開(kāi)發(fā)框架，有智能合約在線(xiàn)集成開(kāi)發(fā)環(huán)境，還有專(zhuān)設(shè)的開(kāi)發(fā)者問(wèn)答頻道。 showImg(https://segmentfault.com/img/bVbaJOL?w=1200&h=514); 張泉靈說(shuō)，時(shí)代拋棄我們的時(shí)候連聲再見(jiàn)都不會(huì)說(shuō)，馬云說(shuō)對(duì)于新興事物，絕大多數(shù)人是看不見(jiàn)、看不起、看不懂、來(lái)不及。自從學(xué)完 Coursera 上的 Crypto...

    sean 評(píng)論0 收藏0

  • 寫(xiě)給前端的區(qū)塊鏈開(kāi)發(fā)入門(mén)指南：零基礎(chǔ)開(kāi)發(fā)基于以太坊智能合約的 ICO DApp

    摘要：圍繞以太坊的開(kāi)發(fā)生態(tài)是目前相對(duì)最成熟的，比如有開(kāi)發(fā)框架，有智能合約在線(xiàn)集成開(kāi)發(fā)環(huán)境，還有專(zhuān)設(shè)的開(kāi)發(fā)者問(wèn)答頻道。 showImg(https://segmentfault.com/img/bVbaJOL?w=1200&h=514); 張泉靈說(shuō)，時(shí)代拋棄我們的時(shí)候連聲再見(jiàn)都不會(huì)說(shuō)，馬云說(shuō)對(duì)于新興事物，絕大多數(shù)人是看不見(jiàn)、看不起、看不懂、來(lái)不及。自從學(xué)完 Coursera 上的 Crypto...

    yzzz 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

ysl_unh

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<