项目简介:基于vue3框架的一个电商PC端项目
职责描述:主要负责首页、商品搜索页、商品详情页、购物车、个人中心页的静态搭建,以及相关的交互功能,如:商品搜索、排序功能,添加、删除购物车商品功能,收货地址管理等功能。
项目技术点:
1、使用swiper 5 封装首页轮播图公共组件,在首页等多个组件中复用;
2、封装TypeNav分类导航组件,并且通过监视route对象的path属性,控制分类导航组件在不同页面中的显示效果;
3、引用lodash包,调用throttle节流函数,解决鼠标快速移入分类标签时的,标签高亮的卡顿问题;
4、使用事件委托编程技巧,对分类导航标签的点击事件进行优化,减少不必要的内存消耗;
5、二次封装vue-router编程式导航的push、replace方法,解决前端路由跳转时,跳转路径冗余导致的控制台报错问题;
6、使用import函数实现路由组件懒加载,提升项目首次渲染效率;
7、使用element-plus组件库的image组件,通过标签属性lazy,实现图片懒加载;
8、首页跳转到商品搜索页时,使用query路径传参方式,将搜索关键字传递到search组件;
9、使用props,自定义事件等方式,实现组件之间数据传递;
点击空白处退出提示
评论