Vue實戰—打造屬於自己的外送系統

• 第1章 第一章
• 1-1 專案功能演示
• 1-2 專案開發準備
• 1-3 建立專案並運行
• 1-4 資源準備
• 1-5 專案原始碼目錄設計
• 1-6 stylus使用
• 1-7 組件化編碼
• 1-8 引入vue-router
• 1-9 FooterGuide組件
• 1-10 各導航路由組件(靜態)
• 第2章 第二章
• 2-1 HeaderTop組件
• 2-2 使用swiper實現商品分類清單輪播
• 2-3 ShopList元件(靜態)
• 2-4 Login組件(靜態)
• 2-5 啟動後台應用程式並測試接口
• 2-6 封裝ajax請求函數
• 2-7 封裝介面請求函數
• 2-8 使用git對專案進行版本控制
• 2-9 複習
• 2-10 配置代理實現跨域ajax請求
• 第3章 第三章
• 3-1 創建vuex的整體結構
• 3-2 使用vuex管理首頁數據
• 3-3 非同步顯示目前地地址
• 3-4 非同步顯示食品分類輪播列表
• 3-5 使用watch和$nextTick解決輪播的bug
• 3-6 非同步顯示商家列表
• 3-7 使用svg顯示載入中提示介面
• 3-8 Star組件
• 3-9 註冊登陸功能演示說明
• 3-10 登陸介面效果1_切換登陸方式
• 第4章 第四章
• 4-1 登陸介面效果2_手機號碼檢查
• 4-2 登陸介面效果3_倒數效果
• 4-3 登陸介面效果4_切換密碼的顯示與隱藏
• 4-4 登陸介面效果5_前台表達驗證
• 4-5 複習
• 4-6 動態一次性圖形驗證碼
• 4-7 定義介面請求函數
• 4-8 登陸_發送簡訊驗證碼
• 4-9 登陸_完成登陸請求
• 4-10 登陸_儲存使用者資訊到vuex
• 第5章 第五章
• 5-1 登陸後更新個人中心介面
• 5-2 登陸更新跳轉路由
• 5-3 自動登陸
• 5-4 退出登陸
• 5-5 建構商家整體介面
• 5-6 json的理解
• 5-7 設計json數據
• 5-8 使用mockjs模擬介面數據
• 5-9 ajax請求mockjs模擬的接口
• 5-10 ShopHeader組件
• 第6章 第六章
• 6-1 複習
• 6-2 非同步顯示goods數據
• 6-3 滑動效果分析
• 6-4 使用better-scroll實現回彈滑動
• 6-5 收集scrollY
• 6-6 收集tops
• 6-7 滑動右側清單更新目前分類
• 6-8 解決慣性滑動不會更新目前分類的bug
• 6-9 點擊分類項滑動右側列表
• 6-10 CartControl元件1
• 第7章 第七章
• 7-1 CartControl元件2
• 7-2 Food組件1
• 7-3 Food組件2
• 7-4 ShopCart組件1
• 7-5 ShopCart組件2
• 7-6 顯示購物項目列表
• 7-7 解決清單顯示的3個bug
• 7-8 複習
• 7-9 購物車動畫
• 7-10 購物車清單的滑動
• 第8章 第八章
• 8-1 清空購物車
• 8-2 ShopRatings組件1
• 8-3 ShopRatings組件2
• 8-4 ShopInfo組件1
• 8-5 ShopInfo組件2
• 8-6 ShopInfo組件3
• 8-7 Search元件
• 8-8 快取路由組件對象
• 8-9 路由組件懶加載
• 8-10 圖懶載入vue-lazyload
• 8-11 使用moment實現日期過濾器
• 8-12 打包文件分析與優化