尚品汇项目简要流程

  1. 新建项目,选好配置,把空项目跑起来(eslint关闭,别名配置)
  2. 分析路由。创建路由。
  3. 提取公共组件,header 和 footer,三级联动typenav。
    3.1 全局组件需不需要放在app.vue文件中
    3.2 公共组件的显示与隐藏(v-if,v-show,$route.meta.属性名)
  4. 三级联动typenav公共组件
    4.1 重新封装 push方法 和 replace方法
    4.2 postman测试各接口
    4.3 axios二次封装(使用nprogress进度条组件)
    4.4 配置代理,解决跨域问题
    4.5 lodash实现防抖和节流
  5. 先看 home页面
    5.1 首先就是写基本页面。
    5.2 页面写完了,开始发请求拿数据。
    5.2.1 什么时候发送请求。
    5.3 数据拿过来放在vuex里面。
    5.4 从vux里面拿到数据,组件进行渲染。
    5.5 渲染出来了,然后咱们还需要通过js方式实现样式
    5.6 下面写一下home页面的floor组件,因为floor组件是进行了复用的。所以我们就在home页面中发起这次请求,如果放在floor组件中,就要发起两次了。
    5.7 轮播图组件(里面有一个watch+nextTick)
    5.8 mock假数据
  6. search页面
    6.1 vuex使用,三连环。
    6.2 面包屑数据及操作
    6.3 品牌数据
    6.4 排序操作
    6.5 分页器组件
    6.6 滚动行为
    6.7 放大镜组件
    6.8 路由传参+会话存储
  7. 加入购物车成功页面
  8. 购物车页面
    8.1 uuid游客身份(通过请求头携带)
  9. 结算页面(trade)
    9.1 登录注册功能的实现(必须掌握)
    9.2 登录成功后,服务器会下发token。
    9.3 导航守卫
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值