DAY 1
1 核心技术
页面
- 商城首页
- 登陆
- 商城产品站
- 商城详情
- 购物车
- 订单确认
- 订单支付（微信/支付宝）
- 订单列表
组件 - NavHeader（导航组件）
- NavFooter（底部组件）
- ServiceBar（服务条组件）
- ProductParam（产品参数组件）
- OrderHeader（订单头部组件）
- Loading（加载组件）
- Model（弹框组件）
- NoData（无数据组件）
- ScanPayCode（支付组件）
技术栈
Node 环境安装 略
Git安装 略
Git 配置 - git config -list 查看当前 git 配置
- git config -global user.name “hello” 把当前用户名设置为xxx 并且为全局配置
- git config -global user.email “[email protected]” 将当前邮箱设置为xxx，并且为全局配置
- git config -global credential.helper store 设置信用凭证，帮助 vscode 记住账号密码
- ssh-keygen -t rsa -C “[email protected]” 配置公钥，公钥放服务器，私钥放本地
建立仓库——git clone http://xxxx
DAY 2
VueCli4.0 安装
- npm install -g @vue/cli 安装慢就可以使用cnpm
- yarn global add @vue/cli
- vue -version
Vue DevTools安装
略
2 前端跨域解决方案
- 跨域是浏览器为了安全而做出的限制策略
- 浏览器请求必须遵循同源策略：同域名、同端口、同协议
三种跨域方式
- CORS跨域
服务端设置，前端直接调用
说明：后台允许前端某个站点进行访问 - JSONP跨域
前端适配，后台配合
说明：前后台同时改造 - 代理跨域
前端适配，后台配合
说明：前后台同时改造
需求梳理
- 熟悉文档、查看原型、读懂需求
- 了解前端设计稿 - 设计前端业务架构
- 了解后台接口文档 - 制定相关对接规范
- 协调资源
- 搭建前端架构