仿饿了么项目-vue的学习笔记总目录

仿饿了么项目-vue的学习笔记总目录

支持正版,人人有责.

1. 介绍开发流程以及相关技术

2. vue-cli和webpack和一些项目文件介绍

3. 项目资源和目录设计和mock模拟数据

4. 头部组件header.vue

   • 星星组件star.vue

5. 商品区域goods.vue

6. shopcart.vue购物车

   • shopcart-list购物车列表页

   • cartcontrol.vue购物车操作按钮

   • 关于购物车添加按钮的动画

7. 商品详情页food.vue

8. 商家页面seller.vue

9. 评价列表ratings组件

   • ratingselect组件

10. split,formatDate,store,util组件

11. vue动画效果配置和弹层css sticky footer

12. stylus相关和1像素边框问题

13. webpack打包发布

总结:

1. 里面的内容很干,对于学习了一段日子的前端来说,相当于打开了一个新世界大门,不过相对而言铺天盖地的新事物会有点吃不消,这个不可操之过急,所谓师傅领进门,修行靠个人.

2. 上面是我自己总结的整个学习过程的一些记录,可能直接看会比较懵逼,不过如果结合视频来看的话,应该还是会有点帮助的,希望能够帮到其他人.

3. 支持正版!

备注:

1. Vue.js 高仿饿了么外卖 App 课程源码，课程地址

2. 作者Ustbhuangyi是《Vue.js权威指南》一书的主要作者,虽然书写得一般般(铺天盖地的差评可不是盖的),但是这个视频真心的不错,比一般的学习视频更加实在(事物总是有两面性~).

3. 项目github地址:https://github.com/ustbhuangyi/vue-sell

4. 项目演示地址:http://vuejssellapp.t.imooc.io/#!/goods