第 1 章: 准備
1.1. 項目描述
1) 此項目為外賣 WebApp(SPA)
2) 包括商家, 商品, 購物車, 用戶等多個子模塊
3) 使用 Vue 全家桶+ES6+Webpack 等前端最新最熱的技術
4) 采用模塊化、組件化、工程化的模式開發
1.2. 項目功能界面
1.3. 技術選型
1.4. 前端路由
1.5. API 接口
1.6. 項目 vue 組件
1.7. 你能從此項目中學到什么?
1) 熟悉一個項目的開發流程
2) 學會組件化、模塊化、工程化的開發模式
3) 掌握使用 vue-cli 腳手架初始化 Vue.js 項目
4) 學會模擬 json 后端數據，實現前后端分離開發
5) 學會 ES6+eslint 的開發方式
6) 掌握一些項目優化技巧
1.7.2. Vue 插件或第三方庫
1) 學會使用 vue-router 開發單頁應用
2) 學會使用 axios/vue-resource 與后端進行數據交互
3) 學會使用 vuex 管理應用組件狀態
4) 學會使用 better-scroll/vue-scroller 實現頁面滑動效果
5) 學會使用 mint-ui 組件庫構建界面
6) 學會使用 vue-lazyload 實現圖片惰加載
7) 學會使用 mockjs 模擬后台數據接口
1.7.3. 樣式/布局/效果相關
1) 學會使用 stylus 編寫模塊化的 CSS
2) 學會使用 Vue.js 的過渡編寫酷炫的交互動畫
3) 學會制作並使用圖標字體
4) 學會解決移動端 1px 邊框問題
5) 學會移動端經典的 cssstickyfooter 布局
6) 學會 flex 彈性布局