熟练掌握vue全家桶技术
熟练掌握element ui、vant ui等组件库
熟练掌握Sass、Less等预编译语言
熟练掌握flex弹性布局
熟练掌握rem适配所有设备
熟练掌握websocket技术
熟练掌握Git代码管理工具
结缘七夕(H5移动端)
该活动主要目的是增加用户的互动,提高用户的充值率。该活动的主要模块有七夕鹊桥、七夕斗巧
会、观星祈福。
项目技术栈:vue+vue-cli+vue-router+swiper+rem+flexible+axios+scss+vant-ui+websocket
项目实现:
1、基于 vue 技术栈实现项目开发
2、使用了 flexible 布局适配各种型号手机
3、封装了顶部导航栏,现实了页面刷新、返回上一页或者返回 App 等功能
4、使用了 swiper 轮播图插件,实现了七夕鹊桥页面的轮播效果
5、 使用了 websocket ,实现了七夕斗巧会页面的同步更新的功能
6、对 axios 进行封装,实现 axios 响应拦截、请求拦截
技术难点:
websocket 请求次数比较频繁,后端返回的同步数据有延时性,容易造成数据被覆盖;
页面切换时,websocket 没有断开,当B用户最后一次抽奖完后,A用户再重新进入七夕斗巧会页面,A用户
会重复请求数据,造成数据被覆盖
智慧管理系统(PC端)
内容:逗娱智慧管理平台是逗娱科技有限公司用于管理陌遇、虚拟恋人、同城遇爱等社交软件的系统。该系统能够更加方便、快捷的实时监控陌遇等社交软件的数据,更加高效的提高了整体的管理运营水平。
1. 使用了 vue、scss、element-ui、css3、html5、swiper 等技术进行了页面的布局,实现了页面的静态效果;
2. 封装了搜索栏、详情页面、数据统计列表详情页等组件,通过 props 进行了组件间传值,实现了搜索、详情展示、数据统计展示等功能;
3. 使用了 element-ui 中的 el-upload 将图片上传到七牛云;
4. 使用了 vue-router 、路由守卫等技术,实现了侧边栏的路由跳转、权限管理等功能;
5. 封装了 axios 请求,并且设置了请求拦截和响应拦截;
6. 设置了组件懒加载和图片懒加载
该活动主要目的是增加用户的互动,提高用户的充值率。该活动的主要模块有七夕鹊桥、七夕斗巧 会、观星祈福。 项目技术栈:vue+vue-cli+vue-router+swiper+rem+flexible+axios+scss+vant-ui+websocket 项目实现:
该项目是一个语音社交聊天的app项目,他主要是通过嵌套app中开发的H5活动页面,他用到的技术栈主要有:vue+vant-ui+rem+Sass