一键活动OneKey:地址:http://h5.pingan.com/
活动:一个h5平台,与易企秀,相似
一键式发布h5活动,在编辑页面选择一些模块元素做出一个单页面,或者多页面的活动,发布之后可以吧链接发送给任意的人,都可以直接在手机端看活动页面
项目,主要功能在编辑器页面,编辑页面样式,动画,元素位置,样式,以及交互
个人中心:配置账户密码,绑定手机,绑定微信,修改信息
活动页面: 是账户发布的活动列表,可以查看活动的详情,包括活动配置流量,短信,使用多少,还剩多少,活动监控:统计活动的访问数据,包括访问的pv,uv,访问的机型,访问的地区,访问人数,某段时间段的信息等等。项目提供定制化需要接口,可以开发平台之外的功能需求
有主子账户,私有模板,多页单页,免费模板。购买流量,短信,升级会员
对接多个平台,比如平安金服,平安寿险,平安养老险等等。
技术:
1:使用的vue.js框架 和 jquery 第三方库文件
2:使用axios ,请求数据,实现数据同步渲染
3: 使用node 中间件实现跨域
4:使用webpack构建项目,打包发布
5:项目内使用jquery封装自己的插件,比如时间插件,分页插件,弹框插件,实现组件的最大复用性。
6: 项目内做了很多的数据采集比如,页面每一个元素被点击的次数,时间,页面逗留的时间,以及项目内模块使用的热度。
7: 使用 echarts 实现,数据统计。
8: 项目数据统计,根据不同的会员每一个活动的可使用的流量,以及访问人数不同,短信是根据账户充值短信 条数 而定
9: 实现大文件上传功能,大文件上传采用表单分片上传,进度条。
10: 会员机制,不同的会员等级和不同的角色,可以查看编辑的功能不同,显示的模块也不同
掌上大师:
太平阳保险项目: 包含制作计划书,计划书管理,工具,客户管理,保额计算器,保费试算,承保智库,条款库,利益演示
项目主要模块为,制作页面,利益演示,保费试算
项目对接多个系统,科技个险,独立代言人,投保中台,承保智库,海平面
工作描述:对公司项目进行前端架构与开发,负责对接前端需求,书写业务主干逻辑,把控前端技术。
1:使用vuex状态管理
2:使用axios ,请求数据,并二次封装方便统一处理异常
3:使用webpack 构建项目,配置开发,生产,构建配置文件,根据不同的环境进行打包,优化相应,构建的速度。
4:vue+cli+vant+jquery
5: 使用路由懒加载,使用cdn资源
6: 采用h5 内嵌app
7: 项目模块,产品列表,计划书管理,个人信息设置,制作计划书,利益演示,查看计划书。
8: 跟后台对接实现每一个计划书的传播链,制作人到最后一个打开的人传播记录,以及每个人阅览的时间。
8: 使用ignoreplugin 插件去除vant 国际化的多余文件,使打包体积变小,网站响应速度更快
9:使用dllplugin和dllreferenceplugin 插件实现一些固定长期不变的框架,第三方插件,单独打包,使每次打包只需要打包业务代码,打包速度更快。
10: 使用proxy 解决跨域问题