web前端商城项目总结(下)

60 篇文章 2 订阅
18 篇文章 0 订阅

接下来就是组件化的开发了,还有用到的一些小的技巧!

四  布局+开发

首页   ==》页面的布局+基本数据的渲染 ,这里页面的头部和底部是贯穿全文的,主要就是用过头部的导航进行页面切换的,内容商品上就是用过router.push去跳转了,还有一些css3动画

 

登陆注册   ==》这里用到的正则匹配

商品分类   ==》导航数据和商品数据的获取渲染 ,稍微难一点的就是导航数据跟商品数据的同步切换,是用变量下边同步切换的形式去解决的

订单列表,我的收藏页面等等..   ==》这里就是从接口拿出的数据在根据路由传递过来的id去拿到自己想要的数据去渲染的

购物车   ==》用到的vuex,计算属性,监听

总结:使用vue框架组件化开发,技术栈用到了 proxy处理跨域,vuex,路由鉴权,API封装,时间格式化工具,全局自定义变量,全局组件的注册等等...

项目到最后就是一些代码优化,小bug的修改了,当然自己也可以进行一些基本的测试,防止后续测试小姐姐给你提bug还要扣工资,项目打包教学我上传到资源里了可以前往下载

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mr. LiangChao

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值