技术栈:Vue全家桶 + Element-UI + ES6 + CSS3 + ES6 + Axios + Sass
担任职位:登录 / 注册模块、首页模块、分类模块、购物车模块
项目功能及技术实现:
使用Vue全家桶(vue-cli、vuex、vue-router)项目搭建。
使用GIT进行项目的管理与团队协同开发。
完成登录的路由鉴权,使用Element-UI走马灯组件完成轮播图效果。
用户注册时 查询时输入的用户名 是否可用,确认密码不相同提示(校验同上)。
高度还原设计稿热门商品展示,通过设置CSS3的box-shadow+transform属性实现列表鼠标悬浮3D效果,并将其注册为全局组件。
使用UI实现图片懒加载,提高页面性能。
分类模块使用商品数据进行区分渲染,并实现搜索、分页器功能。
使用面包屑导航实现动态改变路由信息,并进行封装。
实现数据的渲染,以及购物车的增加、删除、分页、排序、全选等功能
使用Vuex完成购物车数量的交互,在getters中实现总数量 / 价格的计算。
商品搜索历史记录功能 local Storage + Vuex + 数组去重 + 数组排序。
使用keep-alive缓存数据,减少请求数据的次数提升用户体验度。
使用GIT进行项目的管理与团队协同开发。