Web前端開發(fā)(高級(jí))(下冊(cè))
定 價(jià):49 元
叢書名:工業(yè)和信息化人才培養(yǎng)工程系列叢書,1+X證書制度試點(diǎn)培訓(xùn)用書
- 作者:工業(yè)和信息化部教育與考試中心
- 出版時(shí)間:2019/8/1
- ISBN:9787121368004
- 出 版 社:電子工業(yè)出版社
- 中圖法分類:TP393.092.2
- 頁碼:252
- 紙張:
- 版次:01
- 開本:16開
面向職業(yè)院校和應(yīng)用型本科院校開展1+X證書制度試點(diǎn)工作是落實(shí)《國(guó)家職業(yè)教育改革實(shí)施方案》的重要內(nèi)容之一,為了便于X證書標(biāo)準(zhǔn)融入院校學(xué)歷教育,工業(yè)和信息化部教育與考試中心組織編寫了《Web前端開發(fā)(高級(jí))》教材。本教材以《Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》(高級(jí))為編寫依據(jù),分上、下兩冊(cè),包括前端高效開發(fā)框架技術(shù)與應(yīng)用、移動(dòng)Web設(shè)計(jì)與開發(fā)、性能優(yōu)化與自動(dòng)化技術(shù)三篇,分別對(duì)應(yīng)《Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》(高級(jí))涉及的三門核心課程:“前端高效開發(fā)框架技術(shù)與應(yīng)用”“移動(dòng)Web設(shè)計(jì)與開發(fā)”“性能優(yōu)化與自動(dòng)化技術(shù)”。本教材以模塊化的結(jié)構(gòu)組織各篇及其章節(jié),以任務(wù)驅(qū)動(dòng)的方式安排教材內(nèi)容,選取移動(dòng)Web典型應(yīng)用作為教學(xué)案例。本教材可用于1+X證書制度試點(diǎn)工作中的Web前端開發(fā)職業(yè)技能等級(jí)證書教學(xué)和培訓(xùn),也可以作為期望從事Web前端開發(fā)職業(yè)的應(yīng)屆畢業(yè)生和社會(huì)在職人員的自學(xué)參考用書。
譚志彬,北京大學(xué)無線電電子學(xué)系碩士畢業(yè),曾在高科技企業(yè)從事辦公自動(dòng)化系統(tǒng)的開發(fā)應(yīng)用,是國(guó)家計(jì)算機(jī)和通信專業(yè)技術(shù)資格考試標(biāo)準(zhǔn)的主要起草或?qū)彾ㄕ,主持開發(fā)過考務(wù)管理系統(tǒng)、上機(jī)考試系統(tǒng)、閱卷系統(tǒng)。
無第二篇 移動(dòng)Web設(shè)計(jì)與開發(fā)
第9章 多媒體與繪圖 2
9.1 多媒體 3
9.1.1 圖片格式 3
9.1.2 音頻格式 4
9.1.3 視頻格式 5
9.2 HTML5的多媒體支持 6
9.2.1 <audio>和<video> 6
9.2.2 HTMLAudioElement和HTMLVideoElement 8
9.2.3 <audio>和<video>的事件 12
9.3 HTML5的繪圖支持 13
9.3.1 <canvas>元素 13
9.3.2 繪制圖形 14
9.3.3 繪制幾何圖形 17
9.3.4 繪制路徑 18
9.3.5 繪制字符串 32
9.3.6 清除繪制內(nèi)容 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 <svg>標(biāo)簽 45
9.4.4 <svg>內(nèi)部標(biāo)簽 46
9.4.5 幾何圖形標(biāo)簽 47
9.4.6 路徑標(biāo)簽 51
9.4.7 文字標(biāo)簽 53
9.5 本章小結(jié) 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 本章小結(jié) 61
第11章 Less 62
11.1 Less簡(jiǎn)介 63
11.2 Less的安裝 63
11.2.1 服務(wù)器端 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 函數(shù) 72
11.3.6 導(dǎo)入 73
11.3.7 其他 74
11.4 本章小結(jié) 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 圖標(biāo) 87
12.3.6 導(dǎo)航欄 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 復(fù)選框 110
12.4.3 選擇菜單 111
12.4.4 范圍滑塊 114
12.4.5 切換開關(guān) 116
12.5 jQuery Mobile主題 117
12.6 jQuery Mobile實(shí)戰(zhàn) 118
12.7 jQuery Mobile事件 120
12.7.1 頁面事件 120
12.7.2 觸摸事件 121
12.7.3 滾動(dòng)事件 123
12.7.4 方向事件 124
12.8 網(wǎng)頁設(shè)計(jì)平臺(tái)差異性 126
12.9 本章小結(jié) 128
第三篇 性能優(yōu)化與自動(dòng)化技術(shù)
第13章 Web前端開發(fā)概述 130
13.1 Web前端開發(fā)認(rèn)知 131
13.1.1 Web發(fā)展歷程 131
13.1.2 Web前端開發(fā)技術(shù) 132
13.1.3 Web前端開發(fā)常見問題 134
13.2 Web前端開發(fā)與調(diào)試工具 136
13.2.1 常用Web前端開發(fā)工具 136
13.2.2 常用Web前端調(diào)試工具 143
13.3 本章小結(jié) 148
第14章 HTML與CSS代碼優(yōu)化 149
14.1 HTML優(yōu)化 150
14.1.1 網(wǎng)頁文檔結(jié)構(gòu)規(guī)范 150
14.1.2 HTML5新特性 151
14.1.3 HTML代碼優(yōu)化及
寫法規(guī)范 154
14.2 CSS優(yōu)化 154
14.2.1 CSS3新特性 155
14.2.2 瀏覽器樣式重置 157
14.2.3 CSS樣式選擇器與
優(yōu)先級(jí) 158
14.2.4 CSS去冗余 158
14.2.5 CSS瀏覽器兼容性 158
14.3 本章小結(jié) 159
第15章 前端資源優(yōu)化 160
15.1 Sprite拼合圖 161
15.1.1 CSS Sprite的原理 161
15.1.2 CSS Sprite制作工具的
方式 163
15.2 代碼壓縮技術(shù) 164
15.2.1 YUI Compressor 165
15.2.2 gzip 165
15.2.3 打包工具 166
15.3 預(yù)加載和懶加載技術(shù) 168
15.3.1 預(yù)加載 168
15.3.2 懶加載 169
15.4 本章小結(jié) 171
第16章 JavaScript代碼優(yōu)化 172
16.1 JavaScript代碼可維護(hù)性 173
16.1.1 代碼與結(jié)構(gòu)分離 173
16.1.2 樣式與結(jié)構(gòu)分離 175
16.1.3 數(shù)據(jù)與代碼分離 176
16.2 JavaScript代碼可擴(kuò)展性 177
16.3 JavaScript代碼可調(diào)試性 178
16.4 JavaScript DOM優(yōu)化 180
16.4.1 提升文件加載速度 180
16.4.2 JavaScript DOM
操作優(yōu)化 181
16.4.3 JavaScript DOM腳本
加載優(yōu)化 184
16.5 本章小結(jié) 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 本章小結(jié) 215
第18章 ES6基礎(chǔ) 217
18.1 ECMAScript概述 218
18.2 Symbol數(shù)據(jù)類型 218
18.3 let和const 219
18.3.1 let 219
18.3.2 const 220
18.4 變量的解構(gòu)賦值 221
18.4.1 默認(rèn)值 221
18.4.2 解構(gòu)賦值分類 221
18.5 Set與Map 223
18.5.1 聲明 223
18.5.2 操作方法 224
18.5.3 遍歷方法 228
18.6 箭頭函數(shù) 231
18.7 ES6相對(duì)于ES5擴(kuò)展 233
18.7.1 函數(shù)的擴(kuò)展 233
18.7.2 對(duì)象的擴(kuò)展 234
18.7.3 數(shù)組的擴(kuò)展 234
18.8 ES6高級(jí)操作 235
18.8.1 Promise對(duì)象 235
18.8.2 Iterator 236
18.8.3 Generator 237
18.8.4 Class 238
18.9 本章小結(jié) 239
附錄 Web前端命名與格式規(guī)范 240