项目描述:该项目是一个功能全面的电商前台网站,包含登录注册、搜索商品、商品详情、加入购物车、下单支付、收货评价、配送相关、售后服务等模块。
技术栈:vue-cli、vue2、vuex、vue-router、swiper、uuidjs、json-server、layui。
实现功能:首页、搜索、登录注册页。
技术描述:
1.使用 json-server 模拟后端接口返回数据,动态渲染数据。
2.封装 pagination 分页器全局组件,在项目中多次复用。
3.引入 swiper 实现首页自动轮播效果,拆分推荐、新品抢先等功能组件。
4.利用事件委托与标签自定义属性实现一二三级分类跳转。
5.借助路由的 query 与 params 参数实现商品数据搜索。
6.使用 throttle 减少请求次数,实现搜索联想关键字的优化。
7.借助 uuid 生成游客身份 id,实现未登录状态可浏览部分页面。
8.利用 localStorage 实现本地存储用户标识。