项目一: 斑马旅游网(pc 端)
项目描述: 本项目是专注于提供个性化旅游服务的网站,为广大旅友提供高品质服务,如接送、导游等服务。
责任描述: 负责首页、用户登录页面布局及交互功能
涉及技术:
1. 使用 vue-cli 配置项目进行组件化开发
2. 通过 Swiper 实现首页轮播图效果;
3. 利用 localStorage 实现搜索栏的历史搜索记录;
4. 利用 vuex 集中式状态管理工具实现多组件传递数据;
5. 使用 vee-validate 插件进行登陆的表单验证 ;
6. 使用 vue-router 路由前置守卫 beforEnter,判断用户是否登录,改变页面流程;
项目二: 小红唇商城(移动端)
项目描述: 项目主要使用 Vue 框架开发,小红唇构建了以泛美妆网红达人为核心,以短视频+图片为媒介,聚集优质用户的高活跃社区.
责任描述: 负责首页、登录页、搜索页的开发
涉及技术:
1. 使用 lib-flexible 解决移动端适配问题;
2. 使用 mockjs 模拟后台数据接口;
3. 通过 better-scroll 实现首页导航左右滑动,首页上拉刷新加载功能;
4. 二次封装 axios 统一处理数据与异常,提高开发效率;
5. 通过 import( )引入,实现页面 vue-router 路由懒加载,以及vue-lazyload实现图片懒加载;
6. 通过 localStorage 存储用户 token,与后台进行交互,获取用户登录信息;7. 使用 vue-virtual-scroll-list 虚拟列表,不必渲染首页所有列表项;
项目三: 云加后台商品管理系统(pc 端)
项目描述: 项目主要使用 vue+Element 开发,处理公司业务数据,用户管理,角色管理,权限管理,商品信息管理等
责任描述: 负责页面布局和数据交互,商品信息 CRUD
涉及技术:
1. 使用 vue-cli 脚手架初始化项目,配置代理解决跨域问题
2. 利用 element-ui 完成基本页面布局以及交互
3. 使用 axios 二次封装 ajax 请求,发送请求,获取商品信息数据;
4. 根据用户权限动态创建后台导航,封装函数判断用户菜单权限;
5. 使用 lodash 的(cloneDeep)深拷贝对 form 表单数据处理,防止影响原数据
6. 通过 vue-lazyload 对商品进行图片进行懒加载;
7. 实现性能优化,如事件委托及函数节流防抖等;
8. 代码优化,配合测试人员完善 bug;
项目四: 小红唇 Plus(小程序)
项目描述: 全球变美好货聚集地, ,查看个人订单,还有贴心变美顾问一对一服务。
责任描述: 负责我的订单、地址管理、意见反馈的页面开发
涉及技术:
1. 利用小程序 button 组件的 open-type 属性获取获取到用户信息;
2. 利用 wx.login 获取登陆凭证,利用登陆凭证和 appId 以及appsecret 获取用户openId;
3. 在 app.json 中配置分包和分包预下载,提高用户体验;
4. 使用小程序的数据缓存将信息存在本地;
5. 对微信原生 API wx.request 进行二次封装,使发请求更加方便以及便于管理;