前端主要技术栈:Vue3.2.x + Vue-Router4.x + Pinia + Vant4.x + Less + Vite 4.x + Axios。
项目描述:
该项目是一个包含多种类商品的购物平台,包括首页、搜索、商品详情、用户信息、收藏、购物车、订单、
支付页面等功能。
责任描述:
◆ 完成首页导航分类栏
◆ 完成搜索功能
◆ 完成商品页面展示排序功能
技术描述:
◆ vue-router 用于实现路由调转,params 实现路由传参,route.beforeEach(t,f,n){} 实现路由拦截
◆ 使用 vue-virtual-scroll-list 虚拟列表插件,解决数据过多导致 DOM 元素过多,导致页面卡顿的
问题
◆ 使用 vuex 做状态管理并且初始化调用接口,监听 state 渲染 DOM,并且使用自定义事件实现子
向父之间的通信
◆ 使用 vue-lazyload 插件,实现图片懒加载,使用路由懒加载,优化页面性能
◆ 使用 axios 并且对它进行二次封装,实现请求的拦截以及响应的拦截,错误的统一处理等
◆ 使用 cookie+token 实现免登录,