点击空白处退出提示
作品详情
职责描述:主要负责首页、商品搜索页、商品详情页、购物车、个人中心页的静态搭建,以及相关的交互功能,如:商品搜索、排序功能,添加、删除购物车商品功能,收货地址管理等功能。
项目技术点:
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,自定义事件等方式,实现组件之间数据传递;
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论