Vue(Webpack+Gulp+Sass+Jade)撸活动预期计划表
Vue
第一阶段:项目:同后端初步打通开发Vue流程;组装webpack+vue撸活动方案。以此做一活动小试牛刀。
组员:了解以使可以初步使用Vue&Sass开发新活动。
时间节点:2016-03-07 ~ 2016-03-14
第二阶段:项目:完善整个开发流程(结合其他物件:Jade写Html;Sass写CSS,Webpack打包组件;Gulp压缩图片+上传内网服务器等等,力争做到Coder只用专注写/整合组件,形成新活动(外加自己抠下图+解决Bug))。
组员:深入了解并使用Vue&Sass;开始使用Jade,了解Webpack(可自选)。
时间节点:2016-03-14 ~ 2016-03-26
第三阶段:项目:继续完善开发流程,使之臻至足够简洁化。完善各组件以及其存储引用机制。
组员:精进对Vue,Sass,Webpack框架/工具的使用;提升对项目工程构建思维,大家伙儿一起加入到组件编写、维护阵营。
时间节点:2016-03-26 ~ 2016-~
第四阶段:
结合已存有组件化,模块化,流程化活动方案,往自动化,高效化方向牵引,前进(04~)。
备注:不断做,不端思考,且行且更新ing。
既之前写的 popupToast 之后,写一发 普通弹框(normalDialog)组件,地址如下:web\cdn\ns\modules\components\widgets\normalDialog.vue
引入:
importnormalDialog from'normalDialog';
如上引入该组件,之后在 components , template 中加入即可;
备注:请确保在对应mod下的actpublic中配置了对应的别名,Like This:
module.exports=function(){
return{
ActTools:'./../../actpublic/actTools.js',
popupToastComp:'./../../../modules/components/widgets/popupToast.vue',
normalDialog:'./../../../modules/components/widgets/normalDialog.vue'
}
}
使用:
像下面这样调用,即可;
functiontestDemo(){
console.log('Look,Look, Whether it can be implemented about callBackFunc!');
}
vardlgMsgObj={
title_text:"温馨提示",
body_text:text,
confirm_text:"确认",
close_callback_func:testDemo
}
// var dlgMsgObj = text; //Just Single Param, U Can Deliver Like This
this.$broadcast('show-normal-dlg',dlgMsgObj);
备注,如果只有文本不同,只需传入 body_text 即可!这里强烈主张,函数传参不宜多,超过三个就 object or json or Array以传之。此弹框,以 majmod 为基础编写,样式有变,请自行写一css以覆盖此样式;具体 请参见 四川麻将-欢乐卡五星 活动。
稍后会写功能更强大的 复杂弹框 组件。
封装,使用体验很重要,如有建议or意见,请尽快提。
Hey: Boys And Grils:
以Vue来开发活动之本周计划:继续完善组件,封装Progress 大转盘 formDlg等常用组件:[04-18 ~ 04-19]
协助前端er变更开发模式,令之后新活动开发全部迁移至此新机制:[04-18 ~ 04-20]
对比Backbone+RequireJS与Vue开发机制性能;给出数据支持:[04-21 ~ 04-22]
以上:16-04-18
Hey: Grils And Boys :
活动开发机制Vue迁移之本周计划:完善 tv系 Vue整体迁移(包括活动中心From Backbone To Vue),并兼容老版本。(05-03)
编写 tv系 常用组件(填写手机号等);(05-04)
编写 tv系 新活动-采用vue,并组织测试,上线;(05-05 ~ 05-06)
对比Backbone+RequireJS与Vue开发机制性能;给出理论+数据支持:[05-06 ~ 05-09]
组织其他平台活动中心迁移至Vue(05-06 ~ 05-12)