《前端工程師必備技能：Vue移動開發實戰技巧》是2018年1月電子工業出版社出版的圖書，作者是李利德、徐辛承。
基本介紹
- 中文名：前端工程師必備技能：Vue移動開發實戰技巧
- 作者：李利德、徐辛承
- 出版社：電子工業出版社
- 出版時間：2018年1月
- 頁數：288 頁
- 定價：58 元
- 開本：16 開
- ISBN：9787121331565
- 版次：1-1
內容簡介,編輯推薦,圖書目錄,
內容簡介
Vue.js是一個漸進式的JavaScript 框架，與其他重量級框架不同的是，Vue 採用自底向上悼才淋凳增量開發的設計。Vue 的核心庫只關注視圖層，它不僅易於上手，還便於與第三方庫或既有項目整合。作組頁為2016年社區最火的前端框架，越來越多的公司都在嘗試用Vue來開發自己的項目。本書主要以項目維度，站在實戰的角度，從項目的搭建，項目放櫃捆開發，到項目的最佳化，結合享只嘗實際，多維度介紹了Vue.js。本書從實戰場景出發，結合各種實用demo，結合開發環境構建，從無到有，剖析原理，全面介紹Vue2.0的實用技巧。後面幾章重點講解Vue內部實現機制，針對各種業務形態的支持以及網站譽腳紙希調優方等等，是Vue技術體系追隨者不可多得的實戰寶典。
編輯推薦
適讀人群 ：軟體開發人員、前端工程師、計算機專業大學生
百度外賣優秀前端專家團隊經驗完全分享。本書配備特色線上讀者圈增值服務，看書有問題，找得到作者。
圖書目錄
第1章 搭建開發環境 1
1.1 本地Node環境 1
1.1.1 Node.js 1
1.1.2 npm 7
1.1.3 yarn 12
1.1.4 npm vs yarn 17
1.2 ide相關配置 17
1.2.1 常用ide 17
1.2.2 Sublime text 17
1.2.3 Atom 20
1.2.4 WebStorm 22
1.2.5 VSCode 23
1.3 本章小結 27
第2章 從零搭建Vue工程 28
2.1 本地開企牛灑發需要哪些工具 28
2.2 搭建Vue工程 29
2.2.1 Vue-cli 29
2.2.2 腳手架項目構成分析 30
2.3 webpack配置 32
2.3.1 webpack簡介 32
2.3.2 webpack配置解析 33
第3章 API詳解 45
3.1 全局變數 45
3.1.1 silent 45
3.1.2 optionMergeStrategies 45
3.1.3 devtools 46
3.1.4 errorHandler 48
3.1.5 ignoredElements 48
3.1.6 keyCodes 49
3.1.7 performance 49
3.1.8 productionTip 49
3.2 模板捆拔宙語法 50
3.3 指令 50
3.3.1 v-text 51
3.3.2 v-html 51
3.3.3 v-pre 51
3.3.4 v-cloak 52
3.3.5 v-once 53
3.3.6 v-if 54
3.3.7 v-else 54
3.3.8 v-else-if 55
3.3.9 v-show 55
3.3.10 v-for 56
3.3.11 v-bind 64
3.3.12 v-model 70
3.3.13 v-on 74
3.3.14 自定義指令 77
3.4 過濾器 79
3.5 計算屬性 80
3.5.1 基礎例子 80
3.5.2 計算屬性vs Methods 81
3.5.3 計算屬性快取 81
3.5.4 Computed屬性vs Watched屬性 82
3.5.5 計算setter 83
3.6 觀察者Watchers 84
3.7 組件的功能與使用 86
3.7.1 使用組件 86
3.7.2 組件開發 88
3.7.3 非Props屬性 92
3.7.4 自定義事件 92
3.7.5 Slots內容分發 96
3.7.6 動態組件 99
3.7.7 組件的其他知識 100
3.8 繼承與混合 104
3.8.1 Vue.extend 105
3.8.2 options里的extends 105
3.8.3 源碼分析 105
3.8.4 合併策略 106
3.9 外掛程式plugin 111
第4章 Vue組件庫 115
4.1 Element 115
4.1.1 Element的設計 115
4.1.2 Element的UI 116
4.1.3 Element的優缺點 117
4.2 Mint UI 118
4.2.1 Mint UI的特性 118
4.2.2 Mint UI的優缺點 119
4.3 iView 119
4.3.1 iView簡介 120
4.3.2 iView的優缺點 120
4.4 Vux 121
4.4.1 Vux簡介 121
4.4.2 Vux優缺點 122
4.5 XCUI 122
4.5.1 XCUI簡介 122
4.5.2 XCUI優缺點 123
第5章 官方周邊庫 124
5.1 Axios 124
5.1.1 功能 124
5.1.2 安裝 124
5.1.3 Example 125
5.1.4 Axios API 126
5.1.5 請求配置 127
5.1.6 回響結構 130
5.1.7 配置的默認值/defaults 131
5.1.8 攔截器 132
5.1.9 錯誤處理 133
5.1.10 取消 134
5.1.11 Promises 135
5.1.12 TypeScript 135
5.2 Vuex的使用 135
5.2.1 State 135
5.2.2 Getters 137
5.2.3 Mutations & Actions 138
5.2.4 Modules 141
5.2.5 模組重用 145
5.3 Vue-router使用 146
5.3.1 安裝 146
5.3.2 開始 146
5.3.3 動態路由匹配 147
5.3.4 編程式導航 151
5.3.5 命名路由 152
5.3.6 命名視圖 153
5.3.7 重定向和別名 153
5.3.8 HTML5 History模式 154
5.3.9 後端配置例子 155
5.3.10 警告 155
5.3.11 導航鉤子 156
5.3.12 過渡動效 159
5.3.13 數據獲取 160
5.3.14 滾動行為 163
5.3.15 懶載入 164
第6章 Vue項目最佳化 166
6.1 狀態過渡 166
6.1.1 過渡的概念 166
6.1.2 CSS過渡 166
6.1.3 Javascript鉤子 167
6.2 Vue項目的自動化測試 170
6.2.1 unit tests 172
6.2.2 e2e測試 175
6.3 Typescript Support 179
6.3.1 Typescript 179
6.3.2 安裝Typescript 180
6.3.3 Typescript和Vue結合 180
6.4 MPA 186
6.4.1 關於MPA的優劣勢 187
6.4.2 如何實現MPA 187
6.5 Vue的異構 190
6.5.1 不屬於異構的情況 191
6.5.2 通過封裝成Vue組件的方式實現異構 192
6.5.3 通過directive的方式實現異構 194
6.5.4 循環嵌套Vue組件 197
6.6 服務端渲染 198
6.6.1 服務端渲染的概念 198
6.6.2 用Vue-ssr的意義 198
6.6.3 Vue-ssr的作用 198
6.6.4 Vue-ssr學習難度 198
6.6.5 技術棧 199
6.6.6 前後端數據策略 199
6.6.7 性能影響 199
6.6.8 安裝 200
6.6.9 渲染一個Vue實例 200
6.6.10 一個例子 202
6.7 Vue的pre-render 204
第7章 原理解析 206
7.1 Virtual DOM原理 206
7.1.1 DOM 206
7.1.2 Virtual DOM算法 209
7.2 Vue精髓之回響式數據流 210
7.2.1 數據流演進史 210
7.2.2 Vue和React介紹 211
7.2.3 Vue的回響式數據流的優勢 211
7.2.4 Object.defineProperty與訂閱發布設計模式 213
7.2.5 Vue源碼 214
7.2.6 Vue的render函式就是Watcher的expOrFn 218
7.3 Vuex2.0源碼解析 219
7.3.1 Vuex的含義 219
7.3.2 源碼分析 220
7.3.3 Vuex API分析 233
7.3.4 輔助函式 235
7.3.5 外掛程式 239
7.3.6 一些函式的封裝 242
7.4 Vue-router原理 244
7.4.1 Vue-router 244
7.4.2 Vue-router套用舉例 244
7.4.3 Vue-router原理 245
第8章 進軍WEEX 256
8.1 搭建WEEX基礎環境 256
8.1.1 初始化：hello world 256
8.1.2 dotwe 257
8.2 分析首個WEEX工程代碼 258
8.2.1 目錄結構 258
8.2.2 通過serve起服務 258
8.2.3 webpack配置 259
8.2.4 頁面開發 260
8.3 debug WEEX代碼 260
8.3.1 web端調試 260
8.3.2 手機端調試 261
8.4 集成WEEX到已有套用 263
8.4.1 集成到Android 263
8.4.2 集成到iOS 268
8.5 使用WEEXpack構建移動套用 271
3.3.5 v-once 53
3.3.6 v-if 54
3.3.7 v-else 54
3.3.8 v-else-if 55
3.3.9 v-show 55
3.3.10 v-for 56
3.3.11 v-bind 64
3.3.12 v-model 70
3.3.13 v-on 74
3.3.14 自定義指令 77
3.4 過濾器 79
3.5 計算屬性 80
3.5.1 基礎例子 80
3.5.2 計算屬性vs Methods 81
3.5.3 計算屬性快取 81
3.5.4 Computed屬性vs Watched屬性 82
3.5.5 計算setter 83
3.6 觀察者Watchers 84
3.7 組件的功能與使用 86
3.7.1 使用組件 86
3.7.2 組件開發 88
3.7.3 非Props屬性 92
3.7.4 自定義事件 92
3.7.5 Slots內容分發 96
3.7.6 動態組件 99
3.7.7 組件的其他知識 100
3.8 繼承與混合 104
3.8.1 Vue.extend 105
3.8.2 options里的extends 105
3.8.3 源碼分析 105
3.8.4 合併策略 106
3.9 外掛程式plugin 111
第4章 Vue組件庫 115
4.1 Element 115
4.1.1 Element的設計 115
4.1.2 Element的UI 116
4.1.3 Element的優缺點 117
4.2 Mint UI 118
4.2.1 Mint UI的特性 118
4.2.2 Mint UI的優缺點 119
4.3 iView 119
4.3.1 iView簡介 120
4.3.2 iView的優缺點 120
4.4 Vux 121
4.4.1 Vux簡介 121
4.4.2 Vux優缺點 122
4.5 XCUI 122
4.5.1 XCUI簡介 122
4.5.2 XCUI優缺點 123
第5章 官方周邊庫 124
5.1 Axios 124
5.1.1 功能 124
5.1.2 安裝 124
5.1.3 Example 125
5.1.4 Axios API 126
5.1.5 請求配置 127
5.1.6 回響結構 130
5.1.7 配置的默認值/defaults 131
5.1.8 攔截器 132
5.1.9 錯誤處理 133
5.1.10 取消 134
5.1.11 Promises 135
5.1.12 TypeScript 135
5.2 Vuex的使用 135
5.2.1 State 135
5.2.2 Getters 137
5.2.3 Mutations & Actions 138
5.2.4 Modules 141
5.2.5 模組重用 145
5.3 Vue-router使用 146
5.3.1 安裝 146
5.3.2 開始 146
5.3.3 動態路由匹配 147
5.3.4 編程式導航 151
5.3.5 命名路由 152
5.3.6 命名視圖 153
5.3.7 重定向和別名 153
5.3.8 HTML5 History模式 154
5.3.9 後端配置例子 155
5.3.10 警告 155
5.3.11 導航鉤子 156
5.3.12 過渡動效 159
5.3.13 數據獲取 160
5.3.14 滾動行為 163
5.3.15 懶載入 164
第6章 Vue項目最佳化 166
6.1 狀態過渡 166
6.1.1 過渡的概念 166
6.1.2 CSS過渡 166
6.1.3 Javascript鉤子 167
6.2 Vue項目的自動化測試 170
6.2.1 unit tests 172
6.2.2 e2e測試 175
6.3 Typescript Support 179
6.3.1 Typescript 179
6.3.2 安裝Typescript 180
6.3.3 Typescript和Vue結合 180
6.4 MPA 186
6.4.1 關於MPA的優劣勢 187
6.4.2 如何實現MPA 187
6.5 Vue的異構 190
6.5.1 不屬於異構的情況 191
6.5.2 通過封裝成Vue組件的方式實現異構 192
6.5.3 通過directive的方式實現異構 194
6.5.4 循環嵌套Vue組件 197
6.6 服務端渲染 198
6.6.1 服務端渲染的概念 198
6.6.2 用Vue-ssr的意義 198
6.6.3 Vue-ssr的作用 198
6.6.4 Vue-ssr學習難度 198
6.6.5 技術棧 199
6.6.6 前後端數據策略 199
6.6.7 性能影響 199
6.6.8 安裝 200
6.6.9 渲染一個Vue實例 200
6.6.10 一個例子 202
6.7 Vue的pre-render 204
第7章 原理解析 206
7.1 Virtual DOM原理 206
7.1.1 DOM 206
7.1.2 Virtual DOM算法 209
7.2 Vue精髓之回響式數據流 210
7.2.1 數據流演進史 210
7.2.2 Vue和React介紹 211
7.2.3 Vue的回響式數據流的優勢 211
7.2.4 Object.defineProperty與訂閱發布設計模式 213
7.2.5 Vue源碼 214
7.2.6 Vue的render函式就是Watcher的expOrFn 218
7.3 Vuex2.0源碼解析 219
7.3.1 Vuex的含義 219
7.3.2 源碼分析 220
7.3.3 Vuex API分析 233
7.3.4 輔助函式 235
7.3.5 外掛程式 239
7.3.6 一些函式的封裝 242
7.4 Vue-router原理 244
7.4.1 Vue-router 244
7.4.2 Vue-router套用舉例 244
7.4.3 Vue-router原理 245
第8章 進軍WEEX 256
8.1 搭建WEEX基礎環境 256
8.1.1 初始化：hello world 256
8.1.2 dotwe 257
8.2 分析首個WEEX工程代碼 258
8.2.1 目錄結構 258
8.2.2 通過serve起服務 258
8.2.3 webpack配置 259
8.2.4 頁面開發 260
8.3 debug WEEX代碼 260
8.3.1 web端調試 260
8.3.2 手機端調試 261
8.4 集成WEEX到已有套用 263
8.4.1 集成到Android 263
8.4.2 集成到iOS 268
8.5 使用WEEXpack構建移動套用 271
