前端工程師必備技能：Vue移動(dòng)開發(fā)實(shí)戰(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相關(guān)配置\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ā)需要哪些工具\(yùn)t28
2．2 搭建Vue工程\t29
2．2．1 Vue-cli\t29
2．2．2 腳手架項(xiàng)目構(gòu)成分析\t30
2．3 webpack配置\t32
2．3．1 webpack簡(jiǎn)介\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 計(jì)算屬性\t80
3．5．1 基礎(chǔ)例子\t80
3．5．2 計(jì)算屬性vs Methods\t81
3．5．3 計(jì)算屬性緩存\t81
3．5．4 Computed屬性vs Watched屬性\t82
3．5．5 計(jì)算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 動(dòng)態(tài)組件\t99
3．7．7 組件的其他知識(shí)\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的設(shè)計(jì)\t115
4．1．2 Element的UI\t116
4．1．3 Element的優(yōu)缺點(diǎn)\t117
4．2 Mint UI\t118
4．2．1 Mint UI的特性\t118
4．2．2 Mint UI的優(yōu)缺點(diǎn)\t119
4．3 iView\t119
4．3．1 iView簡(jiǎn)介\t120
4．3．2 iView的優(yōu)缺點(diǎn)\t120
4．4 Vux\t121
4．4．1 Vux簡(jiǎn)介\t121
4．4．2 Vux優(yōu)缺點(diǎn)\t122
4．5 XCUI\t122
4．5．1 XCUI簡(jiǎn)介\t122
4．5．2 XCUI優(yōu)缺點(diǎn)\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 請(qǐng)求配置\t127
5．1．6 響應(yīng)結(jié)構(gòu)\t130
5．1．7 配置的默認(rèn)值/defaults\t131
5．1．8 攔截器\t132
5．1．9 錯(cuò)誤處理\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 動(dòng)態(tài)路由匹配\t147
5．3．4 編程式導(dǎo)航\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 導(dǎo)航鉤子\t156
5．3．12 過渡動(dòng)效\t159
5．3．13 數(shù)據(jù)獲取\t160
5．3．14 滾動(dòng)行為\t163
5．3．15 懶加載\t164
第6章 Vue項(xiàng)目?jī)?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項(xiàng)目的自動(dòng)化測(cè)試\t170
6．2．1 unit tests\t172
6．2．2 e2e測(cè)試\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 關(guān)于MPA的優(yōu)劣勢(shì)\t187
6．4．2 如何實(shí)現(xiàn)MPA\t187
6．5 Vue的異構(gòu)\t190
6．5．1 不屬于異構(gòu)的情況\t191
6．5．2 通過封裝成Vue組件的方式實(shí)現(xiàn)異構(gòu)\t192
6．5．3 通過directive的方式實(shí)現(xiàn)異構(gòu)\t194
6．5．4 循環(huán)嵌套Vue組件\t197
6．6 服務(wù)端渲染\t198
6．6．1 服務(wù)端渲染的概念\t198
6．6．2 用Vue-ssr的意義\t198
6．6．3 Vue-ssr的作用\t198
6．6．4 Vue-ssr學(xué)習(xí)難度\t198
6．6．5 技術(shù)棧\t199
6．6．6 前后端數(shù)據(jù)策略\t199
6．6．7 性能影響\t199
6．6．8 安裝\t200
6．6．9 渲染一個(gè)Vue實(shí)例\t200
6．6．10 一個(gè)例子\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精髓之響應(yīng)式數(shù)據(jù)流\t210
7．2．1 數(shù)據(jù)流演進(jìn)史\t210
7．2．2 Vue和React介紹\t211
7．2．3 Vue的響應(yīng)式數(shù)據(jù)流的優(yōu)勢(shì)\t211
7．2．4 Object．defineProperty與訂閱發(fā)布設(shè)計(jì)模式\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應(yīng)用舉例\t244
7．4．3 Vue-router原理\t245
第8章 進(jìn)軍WEEX\t256
8．1 搭建WEEX基礎(chǔ)環(huán)境\t256
8．1．1 初始化：hello world\t256
8．1．2 dotwe\t257
8．2 分析首個(gè)WEEX工程代碼\t258
8．2．1 目錄結(jié)構(gòu)\t258
8．2．2 通過serve起服務(wù)\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 手機(jī)端調(diào)試\t261
8．4 集成WEEX到已有應(yīng)用\t263
8．4．1 集成到Android\t263
8．4．2 集成到iOS\t268
8．5 使用WEEXpack構(gòu)建移動(dòng)應(yīng)用\t271