磨刀不误砍材工
声明:本项目为照着尚硅谷
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. 结束
总结下来,差的还挺多,到现在基本都是游走在学习的边缘,加油学习了!
仍重而道远