DNF網(wǎng)頁活動(dòng)禮包合集！海量福利等你拿

~4月在線禮包

活動(dòng)獎(jiǎng)勵(lì)：大量番薯、黑鉆、疲勞藥、三倍藥！更有開會(huì)員送30天黑鉆！

活動(dòng)時(shí)間：2019年3月15日~2019年4月15日

電腦端鏈接：

http://vip.qq.com/club/act/2019/2000370157/016844c2c9.html

手機(jī)端鏈接：

http://m.vip.qq.com/club/act/2019/370157/016844c2c9.html

實(shí)名驗(yàn)證送好禮

活動(dòng)獎(jiǎng)勵(lì)：93可用升級(jí)券x2、5倍經(jīng)驗(yàn)藥、星空番薯、天空之愿、異形碎片！

活動(dòng)時(shí)間：2019年3月6日 ~3月31日

活動(dòng)鏈接：

http://dnf.qq.com/cp/a20190301name/

春神的饋贈(zèng)

派送百萬深淵番薯、10萬黑鉆、8萬QB！

活動(dòng)時(shí)間：2019年3月11日 ~4月10日

活動(dòng)鏈接：

https://guanjia.qq.com/act/cop/201903dnf/index.html

奪寶攻堅(jiān)戰(zhàn)

可免費(fèi)抽1次！大量春節(jié)套、增幅強(qiáng)化券、增幅書、天空、強(qiáng)烈氣息等

活動(dòng)時(shí)間：2019年3月21日 ~4月5日

活動(dòng)鏈接：https://dnfcity.qq.com/mobile/zhuanti/0320jihuan/index.html

DNF信用星級(jí)禮包

每月可領(lǐng)深淵派對(duì)邀請(qǐng)函*350、調(diào)整箱*5!

活動(dòng)時(shí)間：每月可領(lǐng)一次

活動(dòng)鏈接：

http://gamesafe.qq.com/special/dnf/index.htm

助手三月簽到送好禮

星空番薯*36、暗物質(zhì)*48、安徒恩紅豆*8！

活動(dòng)時(shí)間：2019年3月7日—4月10日

方式一：DNF助手

方式二：

https://mwegame.qq.com/act/dnf/SignInMar/index

DNF小悅生日送豪禮

39個(gè)番薯、666心意點(diǎn) 點(diǎn)擊即領(lǐng)！

活動(dòng)時(shí)間：2019年1月4日起

領(lǐng)取方式：點(diǎn)擊游戲內(nèi)“DNF小悅”-“框內(nèi)輸入生日領(lǐng)取 ”既可

生日禮包為當(dāng)月注冊(cè)用戶即可領(lǐng)取，例如一月份角色生日的玩家1月4日到1月31日期間都可以領(lǐng)取。該活動(dòng)將會(huì)持續(xù)2019年全年，讓每個(gè)月份的玩家都有機(jī)會(huì)領(lǐng)取

年快樂

每當(dāng)我們?cè)谠陼?huì)的時(shí)刻，總是無法避免地出現(xiàn)抽獎(jiǎng)環(huán)節(jié)。身為專業(yè)程序員的我們自然應(yīng)當(dāng)負(fù)起這份責(zé)任，確保這場(chǎng)抽獎(jiǎng)活動(dòng)能夠順利流暢地進(jìn)行下去。然而，面對(duì)眾多待完成的工作任務(wù)，我們恐怕又需要進(jìn)一步延長(zhǎng)加班時(shí)間來應(yīng)對(duì)。請(qǐng)別擔(dān)憂，在此，為您提供了一款卓越出色的現(xiàn)成抽獎(jiǎng)網(wǎng)頁，可用于此次年度盛典的抽獎(jiǎng)環(huán)節(jié)中。首先，讓我們共同欣賞一下實(shí)際應(yīng)用表現(xiàn)吧！

抽獎(jiǎng)效果

此頁面所有實(shí)現(xiàn)均采用最基本的JavaScript、html和jQuery技術(shù)完成，無需使用任何框架，開箱即用。

設(shè)置數(shù)據(jù)

參與抽獎(jiǎng)的數(shù)據(jù)需要提前設(shè)定好，在 js 目錄中，data.js 里，文件和結(jié)構(gòu)如下：

人員數(shù)據(jù)

personArray.push({
  id: 546,
  image :"img/tx.png",
  thumb_image :"img/tx.png",
  name: "張三"
});

每個(gè)數(shù)據(jù)都按此標(biāo)準(zhǔn)結(jié)構(gòu)構(gòu)建即可。img 可以使用默認(rèn)的，也可以自行提供照片，id 需要隨機(jī)指定一個(gè)數(shù)字，保證不與列表內(nèi)的其他數(shù)據(jù)相同即可。設(shè)置新數(shù)據(jù)后刷新后就能使用。

功能擴(kuò)展

現(xiàn)有的功能里沒有作弊選項(xiàng)（不能設(shè)置必中項(xiàng)），而且一個(gè)人可以重復(fù)多次中獎(jiǎng)，因此需要添加以下內(nèi)容來擴(kuò)展。

# 編輯lucy.js
# 在Obj 對(duì)象下定義兩個(gè)變量

Obj.writeList = [0] # 用于存放白名單列表
Obj.hasLuck = [] # 用于記錄已中獎(jiǎng)下標(biāo)

# 新增去重函數(shù)
function doRepeatResult(num){
  console.log(Obj.hasLuck.length, personArray.length)
  if(Obj.hasLuck.includes(num)){
    console.log('存在重復(fù)中獎(jiǎng), 重新抽獎(jiǎng)', num )
    num = num - 1
    if(num < 0){
      num = num + personArray.length
    }
    if(Obj.hasLuck.length >= personArray.length){
      return 0
    }
    return doRepeatResult(num)
  }
  return num
}

# 重寫中獎(jiǎng)隨機(jī)函數(shù)
function randomLuckyArr() {
    Obj.luckyResult = [];
    for (var i = 0; i < Obj.luckyNum; i++) {
        var random = Math.floor(Math.random() * personArray.length);
        if (Obj.luckyResult.indexOf(random) == -1) {
    if(Obj.writeList.length > 0 && Obj.hasLuck.length > 2){
      random = Obj.writeList[0]
      random = doRepeatResult(random)
      Obj.luckyResult.push(random)
      Obj.writeList.shift()
    } else {
      random = doRepeatResult(random)
      Obj.luckyResult.push(random)
    }
            Obj.hasLuck.push(random)
        } else {
            i--;
        }
  console.log("已中獎(jiǎng)下標(biāo)", Obj.hasLuck)
    }
}

在上述代碼中，提供一個(gè)去重函數(shù)，并使用遞歸調(diào)用，保證每次數(shù)據(jù)都做去重校驗(yàn)。如果數(shù)據(jù)有重復(fù)，則使用當(dāng)前下標(biāo)減一，如果小于 0 則，直接將下標(biāo)調(diào)到最大，如果所有人都中獎(jiǎng)了，則始終返回第一個(gè)人的結(jié)果。

在randomLuckyArr 中，則調(diào)用去重函數(shù)，并將每次中獎(jiǎng)的數(shù)據(jù)都保存到 hasLuck 中。

對(duì)于需要暗箱的內(nèi)容的內(nèi)容則在luckyResult.push 之前，寫好相應(yīng)的邏輯即可，如上代碼中，就是抽 3 回后保證第 4 回，中獎(jiǎng)的人為writeList 中的（暗箱雖好，可不要貪杯[靈光一閃]）。

有需要的朋友請(qǐng)來個(gè)三連獲取。

#文章首發(fā)挑戰(zhàn)賽#

#頭條創(chuàng)作挑戰(zhàn)賽#

#挑戰(zhàn)30天在頭條寫日記#

#我的2023年終總結(jié)#

人人都是產(chǎn)品經(jīng)理【起點(diǎn)學(xué)院】，BAT實(shí)戰(zhàn)派產(chǎn)品總監(jiān)手把手系統(tǒng)帶你學(xué)產(chǎn)品、學(xué)運(yùn)營(yíng)。

2016年了，嗨，大家新年好。

作為一個(gè)網(wǎng)頁的產(chǎn)品經(jīng)理，網(wǎng)頁的前端知識(shí)可謂是不能不知，本文主講網(wǎng)站產(chǎn)品的前端姿勢(shì)。

通常，HTML、CSS、JavaScript共同構(gòu)建了你看到的任何一個(gè)網(wǎng)頁展示和交互。

下面是這三種字母的解釋：

HTML(HyperTextMarkup Language) 超文本標(biāo)記語言
CSS（Cascading Style Sheets）級(jí)聯(lián)樣式表
JavaScript 一種腳本語言，主要用于前端頁面的DOM處理

不太懂可自行百度了解。

文本的意思，應(yīng)該大家都明白，就是你隨手在桌面上建立一個(gè)txt，這就是一個(gè)文本文件。

那什么是HTML超文本標(biāo)記語言呢？就是對(duì)一個(gè)普通的txt里面的文字進(jìn)行標(biāo)記，標(biāo)記其中的一段為title，標(biāo)記任意一段為某個(gè)意思，最終形成了一套規(guī)則就是html。

一個(gè)html文檔通常的結(jié)構(gòu)是這樣的：

doctype、html、head(/head)、body(/body)、/html。

下面我們來看一段html：

看下面這段代碼截圖：

“電動(dòng)汽車_新能源汽車_電動(dòng)汽車網(wǎng)”原先是普通的文本，但是這里套了<title>，用于標(biāo)記此處是標(biāo)題，同時(shí)也告訴了搜索引擎這里是標(biāo)題。

再看下面這段代碼截圖：

紅色標(biāo)注部分就是CSS樣式代碼。CSS中文名叫級(jí)聯(lián)樣式表，白話就是說長(zhǎng)什么樣子。CSS就是起裝修作用的，必須要和HTML一起配合使用。

再看下面這段代碼截圖（和第一張圖一樣）：

上圖第二個(gè)紅色標(biāo)注的地方就是JavaScript，JavaScript是一種腳本語言，它在網(wǎng)頁中使用的主要場(chǎng)景是控制HTML中的每一個(gè)元素。比如，點(diǎn)了一個(gè)按鈕會(huì)彈出一個(gè)層，其實(shí)就是利用JavaScript實(shí)現(xiàn)的。

目前的互聯(lián)網(wǎng)，任何一個(gè)網(wǎng)頁都是由他們?nèi)齻€(gè)構(gòu)建起來的，作為網(wǎng)頁產(chǎn)品經(jīng)理必須知道，若是能夠看懂、簡(jiǎn)單修改甚至是自己寫，那就更棒了，再深的介紹就不在此說明了。

當(dāng)然作為創(chuàng)業(yè)公司的產(chǎn)品經(jīng)理還有注意前端頁面規(guī)范和兼容性的問題，作為合格的前端工程師上面說的都應(yīng)該必須過關(guān)，作為產(chǎn)品經(jīng)理也必須明了。

比如html文檔格式，必須有的dtd格式，文件編碼utf－8等這些常識(shí)性姿勢(shì)。

除了html，大家應(yīng)該還看到htm、shtml、xhtml等這些文檔，大家可以自行百度做了解，究竟有什么用和什么區(qū)別。

說到這里大家應(yīng)該想問了，html應(yīng)該用什么軟件開發(fā)呢？Dreamweaver，百度自行了解。

本文僅適用于產(chǎn)品新人，產(chǎn)品大佬可以忽略。

#專欄作家#

董海榮，微信公眾號(hào)：pingyaonr，人人都是產(chǎn)品經(jīng)理專欄作家。關(guān)注智能汽車、移動(dòng)互聯(lián)網(wǎng)和虛擬現(xiàn)實(shí)。擅長(zhǎng)內(nèi)容編輯運(yùn)營(yíng)、原型設(shè)計(jì)、需求挖掘梳理、產(chǎn)品規(guī)劃管理。歡迎交流學(xué)習(xí)。

在線咨詢

上一篇：HTML表格標(biāo)簽的使用方法與示例
下一篇：JavaScript上傳TXT文件并預(yù)覽

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商

DNF網(wǎng)頁活動(dòng)禮包合集！海量福利等你拿

設(shè)置數(shù)據(jù)

功能擴(kuò)展

#專欄作家#

您的項(xiàng)目需求