《Web前端開發（高級）（下冊）》是2019年8月電子工業出版社出版的圖書，作者是工業和信息化部教育與考試中心。
基本介紹
- 書名：Web前端開發（高級）（下冊）
- 作者：工業和信息化部教育與考試中心
- ISBN：9787121368004
- 頁數：252頁
- 定價：49元
- 出版社：電子工業出版社
- 出版時間：2019年8月
- 開本：16開
內容簡介,目錄,
內容簡介
面向職業院校和套用型本科院校開展1+X證書制度試點工作是落實《國家職業教育改革實施方案》的重要內容之一，為了便於X證書標準融入院校學歷教育，工業和信息化部教育與考試中心組織編寫了《Web前端開發（高級）》教材。本教材以《Web前端開發職業技能等級標準》（高級）為編寫依據，分上、下兩冊，包括前端高效開發框架技術與套用、移動Web設計與開發、性能最佳化與自動化技術三篇，分別對應《Web前端開發職業技能等級標準》（高級）涉及的三門核心課程：“前端高效開發框架技術與套用”“移動Web設計與開發”“性能最佳化與自動化技術”。本教材以模組化的結構組織各篇及其章節，以任務驅動的方式安排教材內容，選取移動Web典型套用作為教學案例。本教材可用於1+X證書制度試點工作中的Web前端開發職業技能等級證書教學和培訓，也可以作為期望從事Web前端開發職業的應屆畢業生和社會在職人員的自學參考用書。
目錄
無第二篇 移動Web設計與開發
第9章 多媒體與繪圖 2
9.1 多媒體 3
9.1.1 圖片格式 3
9.1.2 音頻格式 4
9.1.3 視頻格式 5
9.2 HTML5的多媒體支持 6
9.2.1 和 6
9.2.2 HTMLAudioElement和HTMLVideoElement 8
9.2.3 和的事件 12
9.3 HTML5的繪圖支持 13
9.3.1 元素 13
9.3.2 繪製圖形 14
9.3.3 繪製幾何圖形 17
9.3.4 繪製路徑 18
9.3.5 繪製字元串 32
9.3.6 清除繪製內容 38
9.3.7 繪製陰影 39
9.3.8 繪製點陣圖 40
9.3.9 變形 41
9.4 SVG 43
9.4.1 在HTML5中使用SVG 43
9.4.2 SVG的基本語法 44
9.4.3 標籤 45
9.4.4 內部標籤 46
9.4.5 幾何圖形標籤 47
9.4.6 路徑標籤 51
9.4.7 文字標籤 53
9.5 本章小結 54
第10章 HTML5新特性 55
10.1 HTML5新增元素 56
10.2 HTML5新增全局屬性 56
10.3 HTML5廢棄的元素 56
10.4 HTML5廢棄的屬性 57
10.5 Web Storage 58
10.6 本章小結 61
第11章 Less 62
11.1 Less簡介 63
11.2 Less的安裝 63
11.2.1 伺服器端 63
11.2.2 客戶端 63
11.3 Less的使用 64
11.3.1 變數 64
11.3.2 嵌套 67
11.3.3 混合 67
11.3.4 繼承 71
11.3.5 函式 72
11.3.6 導入 73
11.3.7 其他 74
11.4 本章小結 74
第12章 jQuery Mobile 75
12.1 jQuery Mobile的誕生 76
12.2 jQuery Mobile的安裝 76
12.3 jQuery Mobile的使用 77
12.3.1 頁面 77
12.3.2 過渡 80
12.3.3 定位 81
12.3.4 按鈕 82
12.3.5 圖示 87
12.3.6 導航欄 90
12.3.7 摺疊 93
12.3.8 列布局 98
12.3.9 列表 99
12.4 jQuery Mobile表單 106
12.4.1 單選按鈕 108
12.4.2 複選框 110
12.4.3 選擇選單 111
12.4.4 範圍滑塊 114
12.4.5 切換開關 116
12.5 jQuery Mobile主題 117
12.6 jQuery Mobile實戰 118
12.7 jQuery Mobile事件 120
12.7.1 頁面事件 120
12.7.2 觸摸事件 121
12.7.3 滾動事件 123
12.7.4 方向事件 124
12.8 網頁設計平台差異性 126
12.9 本章小結 128
第三篇 性能最佳化與自動化技術
第13章 Web前端開發概述 130
13.1 Web前端開發認知 131
13.1.1 Web發展歷程 131
13.1.2 Web前端開發技術 132
13.1.3 Web前端開發常見問題 134
13.2 Web前端開發與調試工具 136
13.2.1 常用Web前端開發工具 136
13.2.2 常用Web前端調試工具 143
13.3 本章小結 148
第14章 HTML與CSS代碼最佳化 149
14.1 HTML最佳化 150
14.1.1 網頁文檔結構規範 150
14.1.2 HTML5新特性 151
14.1.3 HTML代碼最佳化及
寫法規範 154
14.2 CSS最佳化 154
14.2.1 CSS3新特性 155
14.2.2 瀏覽器樣式重置 157
14.2.3 CSS樣式選擇器與
優先權 158
14.2.4 CSS去冗餘 158
14.2.5 CSS瀏覽器兼容性 158
14.3 本章小結 159
第15章 前端資源最佳化 160
15.1 Sprite拼合圖 161
15.1.1 CSS Sprite的原理 161
15.1.2 CSS Sprite製作工具的
方式 163
15.2 代碼壓縮技術 164
15.2.1 YUI Compressor 165
15.2.2 gzip 165
15.2.3 打包工具 166
15.3 預載入和懶載入技術 168
15.3.1 預載入 168
15.3.2 懶載入 169
15.4 本章小結 171
第16章 JavaScript代碼最佳化 172
16.1 JavaScript代碼可維護性 173
16.1.1 代碼與結構分離 173
16.1.2 樣式與結構分離 175
16.1.3 數據與代碼分離 176
16.2 JavaScript代碼可擴展性 177
16.3 JavaScript代碼可調試性 178
16.4 JavaScript DOM最佳化 180
16.4.1 提升檔案載入速度 180
16.4.2 JavaScript DOM
操作最佳化 181
16.4.3 JavaScript DOM腳本
載入最佳化 184
16.5 本章小結 185
第17章 webpack工具 186
17.1 Web前端安全性 187
17.1.1 常見安全性問題 187
17.1.2 安全性解決方案 191
17.2 npm及模組化 192
17.2.1 npm安裝配置 192
17.2.2 npm基本指令 193
17.2.3 package.json檔案 196
17.2.4 node模組化 198
17.3 webpack概述 198
17.4 webpack安裝與配置 200
17.4.1 安裝webpack 200
17.4.2 webpack配置詳解 201
17.5 webpack常用Loader 206
17.5.1 babel-loader編譯ES6 206
17.5.2 less-loader處理less檔案 207
17.5.3 css-loader與style-loader
打包CSS 209
17.5.4 file-loader與url-loader
引入圖片 210
17.6 webpack常用Plugin 212
17.6.1 HtmlWebpackPlugin
外掛程式 213
17.6.2 ExtractTextWebpackPlugin
外掛程式 213
17.6.3 其他Plugin 214
17.7 本章小結 215
第18章 ES6基礎 217
18.1 ECMAScript概述 218
18.2 Symbol數據類型 218
18.3 let和const 219
18.3.1 let 219
18.3.2 const 220
18.4 變數的解構賦值 221
18.4.1 默認值 221
18.4.2 解構賦值分類 221
18.5 Set與Map 223
18.5.1 聲明 223
18.5.2 操作方法 224
18.5.3 遍歷方法 228
18.6 箭頭函式 231
18.7 ES6相對於ES5擴展 233
18.7.1 函式的擴展 233
18.7.2 對象的擴展 234
18.7.3 數組的擴展 234
18.8 ES6高級操作 235
18.8.1 Promise對象 235
18.8.2 Iterator 236
18.8.3 Generator 237
18.8.4 Class 238
18.9 本章小結 239
附錄 Web前端命名與格式規範 240,無第二篇 移動Web設計與開發
第9章 多媒體與繪圖 2
9.1 多媒體 3
9.1.1 圖片格式 3
9.1.2 音頻格式 4
9.1.3 視頻格式 5
9.2 HTML5的多媒體支持 6
9.2.1 和 6
9.2.2 HTMLAudioElement和HTMLVideoElement 8
9.2.3 和的事件 12
9.3 HTML5的繪圖支持 13
9.3.1 元素 13
9.3.2 繪製圖形 14
9.3.3 繪製幾何圖形 17
9.3.4 繪製路徑 18
9.3.5 繪製字元串 32
9.3.6 清除繪製內容 38
9.3.7 繪製陰影 39
9.3.8 繪製點陣圖 40
9.3.9 變形 41
9.4 SVG 43
9.4.1 在HTML5中使用SVG 43
9.4.2 SVG的基本語法 44
9.4.3 標籤 45
9.4.4 內部標籤 46
9.4.5 幾何圖形標籤 47
9.4.6 路徑標籤 51
9.4.7 文字標籤 53
9.5 本章小結 54
第10章 HTML5新特性 55
10.1 HTML5新增元素 56
10.2 HTML5新增全局屬性 56
10.3 HTML5廢棄的元素 56
10.4 HTML5廢棄的屬性 57
10.5 Web Storage 58
10.6 本章小結 61
第11章 Less 62
11.1 Less簡介 63
11.2 Less的安裝 63
11.2.1 伺服器端 63
11.2.2 客戶端 63
11.3 Less的使用 64
11.3.1 變數 64
11.3.2 嵌套 67
11.3.3 混合 67
11.3.4 繼承 71
11.3.5 函式 72
11.3.6 導入 73
11.3.7 其他 74
11.4 本章小結 74
第12章 jQuery Mobile 75
12.1 jQuery Mobile的誕生 76
12.2 jQuery Mobile的安裝 76
12.3 jQuery Mobile的使用 77
12.3.1 頁面 77
12.3.2 過渡 80
12.3.3 定位 81
12.3.4 按鈕 82
12.3.5 圖示 87
12.3.6 導航欄 90
12.3.7 摺疊 93
12.3.8 列布局 98
12.3.9 列表 99
12.4 jQuery Mobile表單 106
12.4.1 單選按鈕 108
12.4.2 複選框 110
12.4.3 選擇選單 111
12.4.4 範圍滑塊 114
12.4.5 切換開關 116
12.5 jQuery Mobile主題 117
12.6 jQuery Mobile實戰 118
12.7 jQuery Mobile事件 120
12.7.1 頁面事件 120
12.7.2 觸摸事件 121
12.7.3 滾動事件 123
12.7.4 方向事件 124
12.8 網頁設計平台差異性 126
12.9 本章小結 128
第三篇 性能最佳化與自動化技術
第13章 Web前端開發概述 130
13.1 Web前端開發認知 131
13.1.1 Web發展歷程 131
13.1.2 Web前端開發技術 132
13.1.3 Web前端開發常見問題 134
13.2 Web前端開發與調試工具 136
13.2.1 常用Web前端開發工具 136
13.2.2 常用Web前端調試工具 143
13.3 本章小結 148
第14章 HTML與CSS代碼最佳化 149
14.1 HTML最佳化 150
14.1.1 網頁文檔結構規範 150
14.1.2 HTML5新特性 151
14.1.3 HTML代碼最佳化及
寫法規範 154
14.2 CSS最佳化 154
14.2.1 CSS3新特性 155
14.2.2 瀏覽器樣式重置 157
14.2.3 CSS樣式選擇器與
優先權 158
14.2.4 CSS去冗餘 158
14.2.5 CSS瀏覽器兼容性 158
14.3 本章小結 159
第15章 前端資源最佳化 160
15.1 Sprite拼合圖 161
15.1.1 CSS Sprite的原理 161
15.1.2 CSS Sprite製作工具的
方式 163
15.2 代碼壓縮技術 164
15.2.1 YUI Compressor 165
15.2.2 gzip 165
15.2.3 打包工具 166
15.3 預載入和懶載入技術 168
15.3.1 預載入 168
15.3.2 懶載入 169
15.4 本章小結 171
第16章 JavaScript代碼最佳化 172
16.1 JavaScript代碼可維護性 173
16.1.1 代碼與結構分離 173
16.1.2 樣式與結構分離 175
16.1.3 數據與代碼分離 176
16.2 JavaScript代碼可擴展性 177
16.3 JavaScript代碼可調試性 178
16.4 JavaScript DOM最佳化 180
16.4.1 提升檔案載入速度 180
16.4.2 JavaScript DOM
操作最佳化 181
16.4.3 JavaScript DOM腳本
載入最佳化 184
16.5 本章小結 185
第17章 webpack工具 186
17.1 Web前端安全性 187
17.1.1 常見安全性問題 187
17.1.2 安全性解決方案 191
17.2 npm及模組化 192
17.2.1 npm安裝配置 192
17.2.2 npm基本指令 193
17.2.3 package.json檔案 196
17.2.4 node模組化 198
17.3 webpack概述 198
17.4 webpack安裝與配置 200
17.4.1 安裝webpack 200
17.4.2 webpack配置詳解 201
17.5 webpack常用Loader 206
17.5.1 babel-loader編譯ES6 206
17.5.2 less-loader處理less檔案 207
17.5.3 css-loader與style-loader
打包CSS 209
17.5.4 file-loader與url-loader
引入圖片 210
17.6 webpack常用Plugin 212
17.6.1 HtmlWebpackPlugin
外掛程式 213
17.6.2 ExtractTextWebpackPlugin
外掛程式 213
17.6.3 其他Plugin 214
17.7 本章小結 215
第18章 ES6基礎 217
18.1 ECMAScript概述 218
18.2 Symbol數據類型 218
18.3 let和const 219
18.3.1 let 219
18.3.2 const 220
18.4 變數的解構賦值 221
18.4.1 默認值 221
18.4.2 解構賦值分類 221
18.5 Set與Map 223
18.5.1 聲明 223
18.5.2 操作方法 224
18.5.3 遍歷方法 228
18.6 箭頭函式 231
18.7 ES6相對於ES5擴展 233
18.7.1 函式的擴展 233
18.7.2 對象的擴展 234
18.7.3 數組的擴展 234
18.8 ES6高級操作 235
18.8.1 Promise對象 235
18.8.2 Iterator 236
18.8.3 Generator 237
18.8.4 Class 238
18.9 本章小結 239
附錄 Web前端命名與格式規範 240
