Vue3 项目实战

使用Vue3 开发一个小米商城

业务流程

登录---> 产品首页--->产品站--->产品详情

购物车--->订单确认--->订单支付--->订单列表

业务开发流程

需求整理--->熟悉UI设计稿---> 接口规范对接

搭建前端架构开发电商页面---> 微信/支付宝对接--->线上部署

技术难点

• 页面
  • 商城首页
  • 登录
  • 1
  • 购物车
  • 订单确认
  • 订单支付
  • 订单列表
• 组件系统
  • NavHeader（导航组件）
  • NavFooter(底部组件)
  • ServiceBar (服务条组件)
  • ProductParam(产品参数组件)
  • OrderHeader（订单组件）
  • Loading（加载组件）
  • Modal(弹窗组件)
  • MoData(无数据组件)
  • ScanPayCoder(支付组件)
    
    
    
    前端跨域解决方案
• 什么是前端跨域
  
  跨域是浏览器为了安全而做出的限制策略
  
  浏览器请求必须遵循同源策略: 同域名，同端口， 同协议
• 怎么理解前端跨域
• CROS跨域： 服务端设置，前端直接调用
  • 后台允许前端某个站点访问
• JSONP跨域
• 带来跨域