磨刀不误砍材工
声明:本项目为照着尚硅谷
vue
视频仿写
0. 其它
vue 实战(1):准备与资料整理
vue 实战(2):初始化项目、搭建底部导航路由
vue 实战(3):底部导航显示、搭建各模块静态页面、添加登录页页面与路由
vue 实战(4):postman 测试数据、封装 ajax、使用 vuex 管理状态
vue 实战(5):总结一
vue 实战(6):异步显示数据、开发 Star 组件
vue 实战(7):完整开发登录页面(一)
vue 实战(8):完整开发登录页面(二)
vue 实战(9):总结二
vue 实战(10):开发店铺详情(一)
1. 项目描述
1.1 项目为外卖 web App
1.2 包括商家、商品、购物车、用户等模块
2. 技术选型
- 前台数据处理 / 交互 / 组件化
1)
vue
/vue-router
/vuex
/mint-ui
2)vue-lazyload
/vue-scroller
/better-scroll
/swiper
3)moment
/date-fns
- 前后台交互
1)mock 数据:
mockjs
2)接口测试:postman
3)ajax 请求:axios
- 模块化
1)
ES6
2)babel
- 项目构建工程化
1)
webpack
2)vue-cli
3)eslint
- css 预编译器
1)
stylus
3. 教程视频没有使用 vue-cli3
构建项目,本次使用 vue-cli3
来构建项目
4. 技术准备
所需技术 | 目前个人熟练程度 |
---|---|
vue |
基础了解 |
vue-router |
基础了解 |
vuex |
不慎了解 |
mint-ui |
还未使用过 |
vue-lazyload /vue-scroller /better-scroll /swiper
|
未使用过 |
moment /date-fns
|
日期处理,不慎了解 |
mockjs |
不会使用 |
postman |
会使用 |
axios |
不慎了解 |
ES6 |
基础了解 |
babel |
不慎了解 |
webpack /vue-cli /eslint
|
基础了解 |
stylus |
不慎了解 |
5. 结束
总结下来,差的还挺多,到现在基本都是游走在学习的边缘,加油学习了!
仍重而道远