前端工程師必備技能：Vue移動開發(fā)實戰(zhàn)技巧

目 錄
第1章 搭建開發(fā)環(huán)境\t1
1．1 本地Node環(huán)境\t1
1．1．1 Node．js\t1
1．1．2 npm\t7
1．1．3 yarn\t12
1．1．4 npm vs yarn\t17
1．2 ide相關配置\t17
1．2．1 常用ide\t17
1．2．2 Sublime text\t17
1．2．3 Atom\t20
1．2．4 WebStorm\t22
1．2．5 VSCode\t23
1．3 本章小結(jié)\t27
第2章 從零搭建Vue工程\t28
2．1 本地開發(fā)需要哪些工具\t28
2．2 搭建Vue工程\t29
2．2．1 Vue-cli\t29
2．2．2 腳手架項目構成分析\t30
2．3 webpack配置\t32
2．3．1 webpack簡介\t32
2．3．2 webpack配置解析\t33
第3章 API詳解\t45
3．1 全局變量\t45
3．1．1 silent\t45
3．1．2 optionMergeStrategies\t45
3．1．3 devtools\t46
3．1．4 errorHandler\t48
3．1．5 ignoredElements\t48
3．1．6 keyCodes\t49
3．1．7 performance\t49
3．1．8 productionTip\t49
3．2 模板語法\t50
3．3 指令\t50
3．3．1 v-text\t51
3．3．2 v-html\t51
3．3．3 v-pre\t51
3．3．4 v-cloak\t52
3．3．5 v-once\t53
3．3．6 v-if\t54
3．3．7 v-else\t54
3．3．8 v-else-if\t55
3．3．9 v-show\t55
3．3．10 v-for\t56
3．3．11 v-bind\t64
3．3．12 v-model\t70
3．3．13 v-on\t74
3．3．14 自定義指令\t77
3．4 過濾器\t79
3．5 計算屬性\t80
3．5．1 基礎例子\t80
3．5．2 計算屬性vs Methods\t81
3．5．3 計算屬性緩存\t81
3．5．4 Computed屬性vs Watched屬性\t82
3．5．5 計算setter\t83
3．6 觀察者Watchers\t84
3．7 組件的功能與使用\t86
3．7．1 使用組件\t86
3．7．2 組件開發(fā)\t88
3．7．3 非Props屬性\t92
3．7．4 自定義事件\t92
3．7．5 Slots內(nèi)容分發(fā)\t96
3．7．6 動態(tài)組件\t99
3．7．7 組件的其他知識\t100
3．8 繼承與混合\t104
3．8．1 Vue．extend\t105
3．8．2 options里的extends\t105
3．8．3 源碼分析\t105
3．8．4 合并策略\t106
3．9 插件plugin\t111
第4章 Vue組件庫\t115
4．1 Element\t115
4．1．1 Element的設計\t115
4．1．2 Element的UI\t116
4．1．3 Element的優(yōu)缺點\t117
4．2 Mint UI\t118
4．2．1 Mint UI的特性\t118
4．2．2 Mint UI的優(yōu)缺點\t119
4．3 iView\t119
4．3．1 iView簡介\t120
4．3．2 iView的優(yōu)缺點\t120
4．4 Vux\t121
4．4．1 Vux簡介\t121
4．4．2 Vux優(yōu)缺點\t122
4．5 XCUI\t122
4．5．1 XCUI簡介\t122
4．5．2 XCUI優(yōu)缺點\t123
第5章 官方周邊庫\t124
5．1 Axios\t124
5．1．1 功能\t124
5．1．2 安裝\t124
5．1．3 Example\t125
5．1．4 Axios API\t126
5．1．5 請求配置\t127
5．1．6 響應結(jié)構\t130
5．1．7 配置的默認值/defaults\t131
5．1．8 攔截器\t132
5．1．9 錯誤處理\t133
5．1．10 取消\t134
5．1．11 Promises\t135
5．1．12 TypeScript\t135
5．2 Vuex的使用\t135
5．2．1 State\t135
5．2．2 Getters\t137
5．2．3 Mutations ＆ Actions\t138
5．2．4 Modules\t141
5．2．5 模塊重用\t145
5．3 Vue-router使用\t146
5．3．1 安裝\t146
5．3．2 開始\t146
5．3．3 動態(tài)路由匹配\t147
5．3．4 編程式導航\t151
5．3．5 命名路由\t152
5．3．6 命名視圖\t153
5．3．7 重定向和別名\t153
5．3．8 HTML5 History模式\t154
5．3．9 后端配置例子\t155
5．3．10 警告\t155
5．3．11 導航鉤子\t156
5．3．12 過渡動效\t159
5．3．13 數(shù)據(jù)獲取\t160
5．3．14 滾動行為\t163
5．3．15 懶加載\t164
第6章 Vue項目優(yōu)化\t166
6．1 狀態(tài)過渡\t166
6．1．1 過渡的概念\t166
6．1．2 CSS過渡\t166
6．1．3 Javascript鉤子\t167
6．2 Vue項目的自動化測試\t170
6．2．1 unit tests\t172
6．2．2 e2e測試\t175
6．3 Typescript Support\t179
6．3．1 Typescript\t179
6．3．2 安裝Typescript\t180
6．3．3 Typescript和Vue結(jié)合\t180
6．4 MPA\t186
6．4．1 關于MPA的優(yōu)劣勢\t187
6．4．2 如何實現(xiàn)MPA\t187
6．5 Vue的異構\t190
6．5．1 不屬于異構的情況\t191
6．5．2 通過封裝成Vue組件的方式實現(xiàn)異構\t192
6．5．3 通過directive的方式實現(xiàn)異構\t194
6．5．4 循環(huán)嵌套Vue組件\t197
6．6 服務端渲染\t198
6．6．1 服務端渲染的概念\t198
6．6．2 用Vue-ssr的意義\t198
6．6．3 Vue-ssr的作用\t198
6．6．4 Vue-ssr學習難度\t198
6．6．5 技術棧\t199
6．6．6 前后端數(shù)據(jù)策略\t199
6．6．7 性能影響\t199
6．6．8 安裝\t200
6．6．9 渲染一個Vue實例\t200
6．6．10 一個例子\t202
6．7 Vue的pre-render\t204
第7章 原理解析\t206
7．1 Virtual DOM原理\t206
7．1．1 DOM\t206
7．1．2 Virtual DOM算法\t209
7．2 Vue精髓之響應式數(shù)據(jù)流\t210
7．2．1 數(shù)據(jù)流演進史\t210
7．2．2 Vue和React介紹\t211
7．2．3 Vue的響應式數(shù)據(jù)流的優(yōu)勢\t211
7．2．4 Object．defineProperty與訂閱發(fā)布設計模式\t213
7．2．5 Vue源碼\t214
7．2．6 Vue的render函數(shù)就是Watcher的expOrFn\t218
7．3 Vuex2．0源碼解析\t219
7．3．1 Vuex的含義\t219
7．3．2 源碼分析\t220
7．3．3 Vuex API分析\t233
7．3．4 輔助函數(shù)\t235
7．3．5 插件\t239
7．3．6 一些函數(shù)的封裝\t242
7．4 Vue-router原理\t244
7．4．1 Vue-router\t244
7．4．2 Vue-router應用舉例\t244
7．4．3 Vue-router原理\t245
第8章 進軍WEEX\t256
8．1 搭建WEEX基礎環(huán)境\t256
8．1．1 初始化：hello world\t256
8．1．2 dotwe\t257
8．2 分析首個WEEX工程代碼\t258
8．2．1 目錄結(jié)構\t258
8．2．2 通過serve起服務\t258
8．2．3 webpack配置\t259
8．2．4 頁面開發(fā)\t260
8．3 debug WEEX代碼\t260
8．3．1 web端調(diào)試\t260
8．3．2 手機端調(diào)試\t261
8．4 集成WEEX到已有應用\t263
8．4．1 集成到Android\t263
8．4．2 集成到iOS\t268
8．5 使用WEEXpack構建移動應用\t271