Web前端模塊化開發(fā)教程(ES6+Node.js+Webpack)
定 價:49.8 元
- 作者:黑馬程序員
- 出版時間:2021/9/1
- ISBN:9787115564627
- 出 版 社:人民郵電出版社
- 中圖法分類:TP393.092.2
- 頁碼:218
- 紙張:
- 版次:01
- 開本:16開
本書適合具有JavaScript基礎(chǔ),想要學(xué)習(xí)Web前端模塊化開發(fā)的人群使用,詳細(xì)講解了模塊化開發(fā)涉及的ES6、Node.js和Webpack技術(shù)。
全書共8章:第1章講解ES6基礎(chǔ)內(nèi)容;第2、3章講解Node.js模塊化開發(fā)和服務(wù)器開發(fā)的相關(guān)內(nèi)容;第4章講解Express框架;第5、6章講解Ajax相關(guān)知識;第7章講解Webpack打包工具;第8章是項目實戰(zhàn)——博客管理系統(tǒng)。
本書既可作為高等教育本、專科院校計算機(jī)相關(guān)專業(yè)的教材,也可作為Web前端開發(fā)愛好者的參考讀物。
1.本書是黑馬程序員前端系列產(chǎn)品,屬于Web前端開發(fā)高級課程內(nèi)容,目前市面上同類教材較少;
2.本書內(nèi)容豐富,知識系統(tǒng)性強(qiáng),知識點(diǎn)結(jié)構(gòu)清晰;
3.配套豐富的教學(xué)資源,包括教學(xué)PPT、教學(xué)大綱、教學(xué)設(shè)計、聯(lián)系題庫、教學(xué)視頻等資源。
黑馬程序員,成立于2006年,由中國Java培訓(xùn)先行者張孝祥老師發(fā)起,聯(lián)合全球最大的中文IT社區(qū)CSDN、中關(guān)村軟件園共同創(chuàng)辦的一家專業(yè)教育機(jī)構(gòu)。辦學(xué)至今,我們一直堅守著“為千萬人少走彎路而著書,為中華軟件之崛起而講課”的辦學(xué)理念,堅持培養(yǎng)優(yōu)秀軟件應(yīng)用工程師的宏偉目標(biāo),在累計培養(yǎng)的十萬余名學(xué)員中,其中90%的學(xué)員均已在北、上、廣等一線城市高薪就業(yè)。為了迎合軟件市場的需求,我們陸續(xù)開設(shè)了Java、網(wǎng)頁平面、PHP、.Net、iOS、C/C++、Android等9個專業(yè)方向的課程,并且未來將逐漸開設(shè)其他專業(yè)方向的課程。隨著傳智播客的日益壯大,除了北京總部,我們在上海、廣州、武漢、成都、深圳等地也創(chuàng)立了直營分支機(jī)構(gòu),傳智播客儼然已成為了國內(nèi)最具專業(yè)口碑的IT教育機(jī)構(gòu)。
第1章 ES6基礎(chǔ) 1
1.1 初識ES6 1
1.2 let和const關(guān)鍵字 2
1.2.1 let關(guān)鍵字 2
1.2.2 const關(guān)鍵字 4
1.2.3 let、const、var關(guān)鍵字之間的區(qū)別 5
1.3 解構(gòu)賦值 6
1.3.1 數(shù)組的解構(gòu)賦值 6
1.3.2 對象的解構(gòu)賦值 7
1.4 箭頭函數(shù) 8
1.4.1 箭頭函數(shù)的語法 8
1.4.2 箭頭函數(shù)的特點(diǎn) 8
1.4.3 箭頭函數(shù)中的this關(guān)鍵字 9
1.5 剩余參數(shù) 10
1.5.1 剩余參數(shù)的語法 10
1.5.2 剩余參數(shù)和解構(gòu)賦值配合使用 12
1.6 擴(kuò)展運(yùn)算符 12
1.6.1 擴(kuò)展運(yùn)算符的語法 12
1.6.2 擴(kuò)展運(yùn)算符的應(yīng)用 13
1.7 模板字符串 14
1.7.1 模板字符串的語法 14
1.7.2 模板字符串的應(yīng)用 15
1.8 ES6的內(nèi)置對象擴(kuò)展 16
1.8.1 數(shù)組的擴(kuò)展方法 16
1.8.2 字符串的擴(kuò)展方法 19
1.9 Set數(shù)據(jù)結(jié)構(gòu) 19
1.9.1 Set數(shù)據(jù)結(jié)構(gòu)的基本使用 20
1.9.2 Set實例的操作方法 21
1.9.3 Set實例的遍歷方法 22
1.10 初識Symbol 22
1.10.1 Symbol的基本使用 23
1.10.2 使用Symbol作為對象屬性名 23
本章小結(jié) 24
課后練習(xí) 24
第2章 Node.js模塊化開發(fā) 27
2.1 Node.js運(yùn)行環(huán)境搭建 27
2.1.1 下載和安裝 28
2.1.2 Node.js環(huán)境常見安裝失敗情況 30
2.2 Node.js的基本使用 34
2.2.1 Node.js的組成 34
2.2.2 Node.js基礎(chǔ)語法 34
2.2.3 Node.js全局對象global 35
2.3 初識模塊化開發(fā) 36
2.3.1 傳統(tǒng)JavaScript開發(fā)的弊端 36
2.3.2 模塊化的概念 37
2.4 模塊成員的導(dǎo)入和導(dǎo)出 38
2.4.1 exports和require() 38
2.4.2 module.exports 39
2.4.3 exports和module.exports的區(qū)別 40
2.4.4 ES6中的export和import 41
2.5 Node.js系統(tǒng)模塊 42
2.5.1 使用fs模塊進(jìn)行文件操作 42
2.5.2 使用path模塊進(jìn)行路徑操作 44
2.6 Node.js第三方模塊 46
2.6.1 什么是第三方模塊 46
2.6.2 獲取第三方模塊 46
2.7 Node.js常用開發(fā)工具 48
2.7.1 nodemon工具 48
2.7.2 nrm工具 49
2.7.3 gulp工具 50
2.8 在項目中使用gulp 53
2.8.1 gulp中的常用插件 53
2.8.2 壓縮并抽取HTML中的公共代碼 54
2.8.3 壓縮并轉(zhuǎn)換Less語法 56
2.8.4 壓縮并轉(zhuǎn)換ES6語法 58
2.8.5 復(fù)制目錄 61
2.8.6 執(zhí)行全部構(gòu)建任務(wù) 61
2.9 項目依賴管理 62
2.9.1 package.json文件 62
2.9.2 查看項目依賴 63
2.10 Node.js模塊加載機(jī)制 65
2.10.1 當(dāng)模塊擁有路徑但沒有后綴時 65
2.10.2 當(dāng)模塊沒有路徑且沒有后綴時 67
本章小結(jié) 69
課后練習(xí) 69
第3章 Node.js服務(wù)器開發(fā) 71
3.1 服務(wù)器開發(fā)的基本概念 71
3.1.1 前端開發(fā)人員為什么學(xué)習(xí)服務(wù)器
開發(fā) 71
3.1.2 服務(wù)器開發(fā)可以做哪些事情 72
3.1.3 Node.js開發(fā)服務(wù)器的優(yōu)勢 72
3.1.4 網(wǎng)站應(yīng)用程序的組成 73
3.2 Node.js網(wǎng)站服務(wù)器 74
3.2.1 初識Node.js網(wǎng)站服務(wù)器 74
3.2.2 創(chuàng)建Node.js網(wǎng)站服務(wù)器 76
3.3 HTTP協(xié)議 77
3.3.1 HTTP協(xié)議概念 77
3.3.2 HTTP的請求消息和響應(yīng)消息 78
3.3.3 請求消息 79
3.3.4 響應(yīng)消息 83
3.4 HTTP請求與響應(yīng)處理 85
3.4.1 GET請求參數(shù) 85
3.4.2 POST請求參數(shù) 87
3.4.3 路由 89
3.4.4 靜態(tài)資源訪問 90
3.5 Node.js異步編程 92
3.5.1 同步異步API的概念 92
3.5.2 獲取異步API的返回值 93
3.5.3 異步編程中回調(diào)地獄的問題 94
3.5.4 利用Promise解決回調(diào)地獄 94
3.5.5 異步函數(shù) 96
3.6 用戶信息列表案例 98
3.6.1 用戶信息列表案例展示 98
3.6.2 用戶信息列表功能介紹 100
3.6.3 知識拓展——MongoDB數(shù)據(jù)庫 101
3.7 學(xué)生檔案管理案例 101
3.7.1 學(xué)生檔案管理案例展示 102
3.7.2 學(xué)生檔案管理功能介紹 103
3.7.3 知識拓展——服務(wù)器端art-template模板引擎 104
本章小結(jié) 105
課后練習(xí) 105
第4章 Express框架 108
4.1 初識Express 108
4.1.1 什么是Express 108
4.1.2 安裝Express 109
4.1.3 利用Express搭建Web服務(wù)器 110
4.2 Express中間件 111
4.2.1 什么是中間件 111
4.2.2 定義中間件 112
4.2.3 利用中間件處理靜態(tài)資源 118
4.2.4 利用中間件處理錯誤 120
4.2.5 利用中間件捕獲異步函數(shù)錯誤 122
4.3 Express模塊化路由 123
4.3.1 模塊化路由的基本使用 124
4.3.2 構(gòu)建模塊化路由 125
4.4 Express接收請求參數(shù) 127
4.4.1 Express接收GET請求參數(shù) 127
4.4.2 Express接收POST請求參數(shù) 128
4.4.3 Express接收路由參數(shù) 130
4.5 Express模板引擎 131
4.5.1 配置模板引擎 131
4.5.2 模板引擎的簡單使用 132
本章小結(jié) 133
課后練習(xí) 133
第5章 Ajax(上) 135
5.1 初識Ajax 135
5.1.1 傳統(tǒng)網(wǎng)站中存在的問題 135
5.1.2 Ajax的工作原理 136
5.2 Ajax基本實現(xiàn)步驟 137
5.2.1 創(chuàng)建服務(wù)器 137
5.2.2 配置Ajax對象 137
5.2.3 獲取服務(wù)器端的響應(yīng) 138
5.3 請求參數(shù) 140
5.3.1 GET請求參數(shù)的傳遞 140
5.3.2 POST請求參數(shù)的傳遞 142
5.4 Ajax異步編程 145
5.5 Ajax錯誤處理 147
5.5.1 HTTP狀態(tài)碼 147
5.5.2 onerror事件 149
5.6 Ajax封裝 150
5.6.1 初步封裝ajax()函數(shù) 150
5.6.2 傳遞Ajax請求參數(shù) 152
5.6.3 判斷請求成功或失敗 154
5.6.4 處理服務(wù)器返回的JSON數(shù)據(jù) 155
5.6.5 實現(xiàn)可選參數(shù) 156
本章小結(jié) 158
課后練習(xí) 158
第6章 Ajax(下) 160
6.1 FormData對象 160
6.1.1 FormData對象實例方法 160
6.1.2 FormData對象實例方法的使用 161
6.1.3 formidable表單解析對象的使用 163
6.1.4 上傳二進(jìn)制文件 165
6.2 瀏覽器端art-template模板引擎 168
6.2.1 art-template模板引擎的下載和使用 168
6.2.2 art-template模板引擎渲染數(shù)據(jù) 170
6.3 Ajax同源策略 172
6.3.1 什么是Ajax同源策略 172
6.3.2 JSONP解決跨域請求問題 175
6.3.3 rquest模塊解決跨域請求問題 177
6.4 jQuery中的Ajax 179
6.4.1 下載jQuery 179
6.4.2 $.ajax()方法 179
6.4.3 Ajax輔助方法 184
6.5 文章列表案例 186
6.5.1 文章列表案例展示 186
6.5.2 文章列表案例功能介紹 186
6.5.3 知識拓展——jQuery Mobile 187
本章小結(jié) 191
課后練習(xí) 192
第7章 Webpack打包工具 193
7.1 初識Webpack 193
7.1.1 什么是Webpack 193
7.1.2 Webpack的安裝與使用 194
7.1.3 手動配置入口和出口文件 195
7.1.4 使用Webpack實現(xiàn)列表隔行換色效果 196
7.2 Webpack自動打包 197
7.2.1 配置webpack-dev-server 197
7.2.2 配置html-webpack-plugin 198
7.3 Webpack中的加載器 199
7.3.1 css-loader和style-loader加載器 199
7.3.2 sass-loader加載器 201
7.3.3 less-loader加載器 202
7.3.4 postcss-loader加載器 203
7.3.5 url-loader加載器 204
7.3.6 babel-loader加載器 205
7.4 Vue.js單文件組件 208
7.4.1 Vue.js單文件組件的基本使用 208
7.4.2 配置vue-loader加載器 209
7.4.3 Webpack打包發(fā)布 211
本章小結(jié) 211
課后練習(xí) 212
第8章 項目實戰(zhàn)——博客管理系統(tǒng) 213
8.1 項目展示 213
8.2 功能介紹 217
本章小結(jié) 218