仿餓了麼項目-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