《Web前端開發（高級）（上冊）》是2019年8月電子工業出版社出版的圖書，作者是工業和信息化部教育與考試中心。
基本介紹
- 書名：Web前端開發（高級）（上冊）
- 作者：工業和信息化部教育與考試中心
- ISBN：9787121367991
- 頁數：184頁
- 定價：49元
- 出版社：電子工業出版社
- 出版時間：2019年8月
- 開本：16開
內容簡介,目錄,
內容簡介
面向職業院校和套用型本科院校開展1+X證書制度試點工作是落實《國家職業教育改革實施方案》的重要內容之一，為了便於X證書標準融入院校學歷教育，工業和信息化部教育與考試中心組織編寫了《Web前端開發（高級）》教材。本教材以《Web前端開發職業技能等級標準》（高級）為編寫依據，分上、下兩冊，包括前端高效開發框架技術與套用、移動Web設計與開發、性能最佳化與自動化技術三篇，分別對應《Web前端開發職業技能等級標準》（高級）涉及的三門核心課程：“前端高效開發框架技術與套用”“移動Web設計與開發”“性能最佳化與自動化技術”。
本教材以模組化的結構組織各篇及其章節，以任務驅動的方式安排教材內容，選取移動Web典型套用作為教學案例。本教材可用於1+X證書制度試點工作中的Web前端開發職業技能等級證書教學和培訓，也可以作為期望從事Web前端開發職業的應屆畢業生和社會在職人員的自學參考用書。
目錄
第一篇 前端高效開發框架
技術與套用
第1章 Vue基礎 2
1.1 Vue 框架概述 3
1.1.1 MVX模式簡介 3
1.1.2 Vue框架簡介 4
1.1.3 Vue.js的安裝與使用 6
1.2 Vue基礎語法 8
1.2.1 實例對象 8
1.2.2 生命周期 10
1.2.3 模板語法 14
1.2.4 計算屬性 19
1.2.5 methods方法 21
1.3 Vue渲染 21
1.3.1 列表渲染 21
1.3.2 條件渲染 28
1.4 Vue事件與表單 32
1.4.1 事件處理 32
1.4.2 事件對象 36
1.4.3 事件委派 38
1.4.4 表單處理 39
1.5 Vue基礎套用 43
1.6 本章小結 46
第2章 Vue組件 47
2.1 Vue 組件概述 48
2.1.1 組件簡介 48
2.1.2 組件對象剖析 50
2.1.3 Vue組件的data屬性 52
2.1.4 props傳遞數據 55
2.2 事件通信 59
2.2.1 父子組件事件通信 59
2.2.2 非父子組件事件通信 62
2.2.3 插槽 65
2.3 組件類型 73
2.3.1 自定義組件v-model
雙向綁定 73
2.3.2 動態組件 75
2.3.3 遞歸組件 77
2.4 Vue組件套用 79
2.4.1 分頁組件 79
2.4.2 購物車組件 80
2.5 本章小結 83
第3章 Vue工程化工具 84
3.1 搭建Node.js環境 85
3.1.1 Node.js簡介 85
3.1.2 Node.js的下載與安裝 85
3.1.3 npm的安裝與使用 86
3.1.4 yarn的安裝與使用 91
3.2 Vue CLI概述 92
3.2.1 Vue CLI簡介 92
3.2.2 Vue CLI的使用 93
3.3 Vue CLI項目的配置 94
3.4 JavaScript模組 98
3.4.1 CommonJS模組 100
3.4.2 ES6模組 101
3.5 vue-devtools調試工具 104
3.5.1 vue-devtools的下載
與安裝 104
3.5.2 vue-devtools的使用 104
3.6 本章小結 104
第4章 Express伺服器開發 106
4.1 Express概述 107
4.1.1 創建Express應用程式 107
4.1.2 Express路由 109
4.1.3 pug視圖模板 114
4.2 請求與上傳檔案 116
4.2.1 GET請求和POST請求 116
4.2.2 上傳檔案 118
4.3 Session概述 121
4.3.1 Session簡介 121
4.3.2 Session的使用 121
4.4 構建RESTful API 122
4.5 Nodemon概述 125
4.6 本章小結 126
第5章 axios網路互動 128
5.1 axios的基本使用 129
5.1.1 axios簡介 129
5.1.2 axios的使用 129
5.2 傳送請求 130
5.2.1 傳送GET請求 130
5.2.2 傳送POST請求 131
5.3 axios跨域問題 132
5.4 axios網路互動套用 134
5.5 本章小結 136
第6章 Vue路由 138
6.1 SPA和vue-router 139
6.1.1 SPA 139
6.1.2 vue-router 139
6.2 路由的使用 141
6.2.1 定義路由 141
6.2.2 動態路由 142
6.2.3 路由參數 142
6.2.4 在路由組件中使用AJAX 143
6.3 路由導航 144
6.3.1 路由導航守衛 144
6.3.2 編程式路由導航 145
6.3.3 全局路由導航守衛 146
6.4 嵌套路由和命名路由視圖 147
6.4.1 嵌套路由 147
6.4.2 命名路由視圖 149
6.5 Vue路由套用 150
6.5.1 用戶登錄與校驗 150
6.5.2 註銷功能及存在的問題 152
6.6 本章小結 154
第7章 Vuex狀態管理 156
7.1 Vuex狀態管理概述 157
7.1.1 Vue組件共享數據的方式 157
7.1.2 Vuex的安裝與使用 158
7.2 Vuex.Store對象的接口 159
7.2.1 State 160
7.2.2 Getters 162
7.2.3 Mutations 163
7.2.4 Actions 165
7.3 Vuex多模組 167
7.4 Vuex外掛程式 168
7.5 重新組織Vuex結構 168
7.6 本章小結 169
第8章 Vue UI 170
8.1 Vue UI概述 171
8.1.1 Vue UI簡介 171
8.1.2 Element的安裝與使用 171
8.2 Element UI組件庫 173
8.3 第三方擴展庫Express 174
8.3.1 集成Express和Vue 174
8.3.2 配置Express和Vue 174
8.4 本章小結 177,第一篇 前端高效開發框架
技術與套用
第1章 Vue基礎 2
1.1 Vue 框架概述 3
1.1.1 MVX模式簡介 3
1.1.2 Vue框架簡介 4
1.1.3 Vue.js的安裝與使用 6
1.2 Vue基礎語法 8
1.2.1 實例對象 8
1.2.2 生命周期 10
1.2.3 模板語法 14
1.2.4 計算屬性 19
1.2.5 methods方法 21
1.3 Vue渲染 21
1.3.1 列表渲染 21
1.3.2 條件渲染 28
1.4 Vue事件與表單 32
1.4.1 事件處理 32
1.4.2 事件對象 36
1.4.3 事件委派 38
1.4.4 表單處理 39
1.5 Vue基礎套用 43
1.6 本章小結 46
第2章 Vue組件 47
2.1 Vue 組件概述 48
2.1.1 組件簡介 48
2.1.2 組件對象剖析 50
2.1.3 Vue組件的data屬性 52
2.1.4 props傳遞數據 55
2.2 事件通信 59
2.2.1 父子組件事件通信 59
2.2.2 非父子組件事件通信 62
2.2.3 插槽 65
2.3 組件類型 73
2.3.1 自定義組件v-model
雙向綁定 73
2.3.2 動態組件 75
2.3.3 遞歸組件 77
2.4 Vue組件套用 79
2.4.1 分頁組件 79
2.4.2 購物車組件 80
2.5 本章小結 83
第3章 Vue工程化工具 84
3.1 搭建Node.js環境 85
3.1.1 Node.js簡介 85
3.1.2 Node.js的下載與安裝 85
3.1.3 npm的安裝與使用 86
3.1.4 yarn的安裝與使用 91
3.2 Vue CLI概述 92
3.2.1 Vue CLI簡介 92
3.2.2 Vue CLI的使用 93
3.3 Vue CLI項目的配置 94
3.4 JavaScript模組 98
3.4.1 CommonJS模組 100
3.4.2 ES6模組 101
3.5 vue-devtools調試工具 104
3.5.1 vue-devtools的下載
與安裝 104
3.5.2 vue-devtools的使用 104
3.6 本章小結 104
第4章 Express伺服器開發 106
4.1 Express概述 107
4.1.1 創建Express應用程式 107
4.1.2 Express路由 109
4.1.3 pug視圖模板 114
4.2 請求與上傳檔案 116
4.2.1 GET請求和POST請求 116
4.2.2 上傳檔案 118
4.3 Session概述 121
4.3.1 Session簡介 121
4.3.2 Session的使用 121
4.4 構建RESTful API 122
4.5 Nodemon概述 125
4.6 本章小結 126
第5章 axios網路互動 128
5.1 axios的基本使用 129
5.1.1 axios簡介 129
5.1.2 axios的使用 129
5.2 傳送請求 130
5.2.1 傳送GET請求 130
5.2.2 傳送POST請求 131
5.3 axios跨域問題 132
5.4 axios網路互動套用 134
5.5 本章小結 136
第6章 Vue路由 138
6.1 SPA和vue-router 139
6.1.1 SPA 139
6.1.2 vue-router 139
6.2 路由的使用 141
6.2.1 定義路由 141
6.2.2 動態路由 142
6.2.3 路由參數 142
6.2.4 在路由組件中使用AJAX 143
6.3 路由導航 144
6.3.1 路由導航守衛 144
6.3.2 編程式路由導航 145
6.3.3 全局路由導航守衛 146
6.4 嵌套路由和命名路由視圖 147
6.4.1 嵌套路由 147
6.4.2 命名路由視圖 149
6.5 Vue路由套用 150
6.5.1 用戶登錄與校驗 150
6.5.2 註銷功能及存在的問題 152
6.6 本章小結 154
第7章 Vuex狀態管理 156
7.1 Vuex狀態管理概述 157
7.1.1 Vue組件共享數據的方式 157
7.1.2 Vuex的安裝與使用 158
7.2 Vuex.Store對象的接口 159
7.2.1 State 160
7.2.2 Getters 162
7.2.3 Mutations 163
7.2.4 Actions 165
7.3 Vuex多模組 167
7.4 Vuex外掛程式 168
7.5 重新組織Vuex結構 168
7.6 本章小結 169
第8章 Vue UI 170
8.1 Vue UI概述 171
8.1.1 Vue UI簡介 171
8.1.2 Element的安裝與使用 171
8.2 Element UI組件庫 173
8.3 第三方擴展庫Express 174
8.3.1 集成Express和Vue 174
8.3.2 配置Express和Vue 174
8.4 本章小結 177
