# 多玩专题
### 开始
要看下/问下之前有没有类似的专题可参考（避免做重复的东西）
### 仓库地址
FED/dwweb-pc -> 2017zt|2018zt|2019zt|... 分支
***重点*** 开发前还是要检查下避免切错分支（特别是改别人做的项目的时候）
### 框架选择
fis3 node6 jquery modjs webpack parcel(或者在满足需求的情况下自主选择)
### 命令-以package.json为准
debug : npm run debug
build : npm run build
### 发布注意
①build完文件提交到svn，发布器，再将最终文件放上发布器对应专区（如一般活动专题放到**专题活动**专区，要开通权限）
②发布器模板命名：遵循 ***(年份后两位+月份+日期）-专题名称命名*** 方式(具体日期可选)，方便维护识别查找 ***避免重名***
eg：
## 特权专题
### 技术栈
jquery,fis3,node6+(后续有变动可自行斟酌)
### 目前功能
特权礼包领取,抽奖,调用专区文章数据,多玩flash视频播放
### 实例
>含领取礼包,首屏动画(已封装一个js)：[http://hdzt.duowan.com/s/tqzt/1902my/index.html ](http://hdzt.duowan.com/s/tqzt/1902my/index.html )
含跨专区文章调用：[http://hdzt.duowan.com/s/tqzt/1906dnf/index.html](http://hdzt.duowan.com/s/tqzt/1906dnf/index.html)
含抽奖模块：
http://hdzt.duowan.com/s/tqzt/1905byhd/index.html
http://hdzt.duowan.com/s/tqzt/1812mx/index.html
## 专区专题
注意事项：在删除页面模块时，如果该模块使用了`switchable.js`需要将 js 代码中对应的代码删除，否则会报错并且可能会影响后续使用了相同插件的模块的效果，或者插件使用前做元素长度判断
### 单机/tvg专题
开发人员：百醇，罗广（维护）
仓库地址(分支_文件目录):
[2017zt/2017专区/(单机/tvg专题)](http://svn.ouj.com:3000/FED/dwweb-pc/src/2017zt/2017%e4%b8%93%e5%8c%ba)
技术栈：fis3，node6，mod.js，jQuery
访问地址:
>http://pc.duowan.com/zhuanti/
http://tv.duowan.com/zhuanti/（专题列表进去的新版专题）
需求：pc&h5同页面，单机专题和pc专题的主调是蓝色和白色两套皮肤
思路：
①为了pc&h5还原设计稿，通过判断是否移动端分别异步加载pc|h5的css，同个js文件，但有做兼容处理
②皮肤增加skin-blue/skin-white两个类去切换，其他颜色定制化的话，编辑直接在模板页面重写css样式覆盖，原文件不做定制处理了，[点击参考tvg专题NBA 2K18](http://pc.duowan.com/zhuanti/nba2k18/)
③增加图片懒加载
### 单机/tvg专题 - 派生器
开发人员：俊强
仓库地址(分支_文件目录):
访问地址：
>http://tv.duowan.com/zhuanti/mhw/psb/
### 堡垒之夜专题
开发人员：百醇，冯罡（维护）
仓库地址(分支_文件目录): http://svn.ouj.com:3000/FED/fortnite/src/master/web
技术栈： `vue`
访问地址:
>冯罡->
关于游戏: http://fn.duowan.com/newbie-about/
萌新入门: http://fn.duowan.com/newbie-about/
进阶内容: http://fn.duowan.com/newbie-about/
常见问题: http://fn.duowan.com/newbie-about/
>百醇，冯罡(维护) ->
>每日商城: http://fn.duowan.com/store/
武器库: http://fn.duowan.com/weapons/
任务列表: http://fn.duowan.com/task/
物品掉落率: http://fn.duowan.com/loot/
宝箱刷新点: http://fn.duowan.com/chests/
***注意*** pc/h5适配,武器库进去的武器详情有前端通过参数构造comment3Uniqid生成对应武器评论，若有定制化评论需求可参考
### 怪物猎人配装器
开发人员：俊强，冯罡(维护)[在外站代码基础上修改修改]
仓库地址(分支_文件目录):
http://svn.ouj.com:3000/FED/dwweb-h5/src/2017zt/2017%e4%b8%93%e9%a2%98/%e6%80%aa%e7%89%a9%e7%8c%8e%e4%ba%ba%e9%85%8d%e8%a3%85%e5%99%a8 (branch / ***2017zt***)
技术栈： `vue`
访问地址:
>pc&h5:http://pc.duowan.com/s/mhw/pz.html
入口：[多玩单机怪物猎人专题](http://pc.duowan.com/zhuanti/mhw/)，微信搜索 `怪物猎人盒子lite`小程序
> 注意 ： 此项目包含非预期bug。
> bug表现为相同技能名的配装冲突。
> 如遇到类似bug可尝试修改技能名。
一个例子:
### 云顶之弈模拟器
开发人员： 冯罡(前端) 张哲(后端)
专区编辑：夏海涛
仓库地址: http://svn.ouj.com:3000/FED/dwweb-pc/src/2019zt/2019%e4%b8%93%e9%a2%98/%e4%ba%91%e9%a1%b6%e4%b9%8b%e5%bc%88%e6%a8%a1%e6%8b%9f%e5%99%a8
技术栈：`vue`
访问地址:
>PC:http://lol.duowan.com/1908/m_429098878004.html
>移动端:http://lol.duowan.com/1908/m_430240944990.html
入口:`多玩英雄联盟专区` 微信公众号`多玩联盟资讯`
该项目主要功能为:
+ 玩家自由组合英雄，根据英雄组合生成所激活的羁绊效果。 (具体逻辑不多做介绍，可咨询专区编辑或查看源代码)
+ 玩家自由选择英雄装备，根据英雄装备生成所激活的羁绊效果。(具体逻辑不多做介绍，可咨询专区编辑或查看源代码)
+ 玩家能够分享阵容以及删除自己分享的阵容（需登录）
+ 玩家能够查看其他玩家分享的阵容。
+ 玩家能够对阵容进行点赞、踩、评论等操作。（需登录）
项目的英雄及装备数据来自发布器 [链接](http://lol.duowan.com/s/ydzySimulator.js)。此部分数据由专区编辑进行维护，已将修改数据的注意事项及各字段含义告知编辑。此处不做赘述。
项目使用了[多玩通用登录](http://gitbook.duowan.com/dwdoc/web/cmsProgram/common.html)进行登录操作。
项目的“阵容详情页”使用了多玩通用评论模块。实现方法为通过iframe内嵌评论页面。通过URL传递不同的commentID以加载不同阵容的评论。具体实现可参考源代码。
注意事项：
+ `多玩通用登录`暴露了一个`isLogin`方法用来判断登录态，在本地开发环境下会始终返回falsy值，可以使用环境变量模拟登录态。
## 商务专题
>猎人专题：(three.js)
http://hdzt.duowan.com/s/hunter/index.html
我的世界专题：
http://hdzt.duowan.com/1809/m_400258472224.html
征途专题：
http://hdzt.duowan.com/1806/m_393606239780.html
吸血鬼：(parcel,rem,vue)
http://hdzt.duowan.com/1808/m_397078103357.html(h5)
http://hdzt.duowan.com/1808/m_397579751178.html(pc)
奇迹觉醒：（根据vid请求接口拿到视频链接）
http://hdzt.duowan.com/1805/m_389282097550.html