Web前端模塊化開發(fā)教程(ES6+Node.js+Webpack)
定 價:49.8 元
- 作者:黑馬程序員
- 出版時間:2021/9/1
- ISBN:9787115564627
- 出 版 社:人民郵電出版社
- 中圖法分類:TP393.092.2
- 頁碼:218
- 紙張:
- 版次:01
- 開本:16開
本書適合具有JavaScript基礎,想要學習Web前端模塊化開發(fā)的人群使用,詳細講解了模塊化開發(fā)涉及的ES6、Node.js和Webpack技術。
全書共8章:第1章講解ES6基礎內(nèi)容;第2、3章講解Node.js模塊化開發(fā)和服務器開發(fā)的相關內(nèi)容;第4章講解Express框架;第5、6章講解Ajax相關知識;第7章講解Webpack打包工具;第8章是項目實戰(zhàn)——博客管理系統(tǒng)。
本書既可作為高等教育本、?圃盒S嬎銠C相關專業(yè)的教材,也可作為Web前端開發(fā)愛好者的參考讀物。
1.本書是黑馬程序員前端系列產(chǎn)品,屬于Web前端開發(fā)高級課程內(nèi)容,目前市面上同類教材較少;
2.本書內(nèi)容豐富,知識系統(tǒng)性強,知識點結(jié)構(gòu)清晰;
3.配套豐富的教學資源,包括教學PPT、教學大綱、教學設計、聯(lián)系題庫、教學視頻等資源。
黑馬程序員,成立于2006年,由中國Java培訓先行者張孝祥老師發(fā)起,聯(lián)合全球最大的中文IT社區(qū)CSDN、中關村軟件園共同創(chuàng)辦的一家專業(yè)教育機構(gòu)。辦學至今,我們一直堅守著“為千萬人少走彎路而著書,為中華軟件之崛起而講課”的辦學理念,堅持培養(yǎng)優(yōu)秀軟件應用工程師的宏偉目標,在累計培養(yǎng)的十萬余名學員中,其中90%的學員均已在北、上、廣等一線城市高薪就業(yè)。為了迎合軟件市場的需求,我們陸續(xù)開設了Java、網(wǎng)頁平面、PHP、.Net、iOS、C/C++、Android等9個專業(yè)方向的課程,并且未來將逐漸開設其他專業(yè)方向的課程。隨著傳智播客的日益壯大,除了北京總部,我們在上海、廣州、武漢、成都、深圳等地也創(chuàng)立了直營分支機構(gòu),傳智播客儼然已成為了國內(nèi)最具專業(yè)口碑的IT教育機構(gòu)。
第1章 ES6基礎 1
1.1 初識ES6 1
1.2 let和const關鍵字 2
1.2.1 let關鍵字 2
1.2.2 const關鍵字 4
1.2.3 let、const、var關鍵字之間的區(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ù)的特點 8
1.4.3 箭頭函數(shù)中的this關鍵字 9
1.5 剩余參數(shù) 10
1.5.1 剩余參數(shù)的語法 10
1.5.2 剩余參數(shù)和解構(gòu)賦值配合使用 12
1.6 擴展運算符 12
1.6.1 擴展運算符的語法 12
1.6.2 擴展運算符的應用 13
1.7 模板字符串 14
1.7.1 模板字符串的語法 14
1.7.2 模板字符串的應用 15
1.8 ES6的內(nèi)置對象擴展 16
1.8.1 數(shù)組的擴展方法 16
1.8.2 字符串的擴展方法 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
課后練習 24
第2章 Node.js模塊化開發(fā) 27
2.1 Node.js運行環(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基礎語法 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 模塊成員的導入和導出 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模塊進行文件操作 42
2.5.2 使用path模塊進行路徑操作 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 復制目錄 61
2.8.6 執(zhí)行全部構(gòu)建任務 61
2.9 項目依賴管理 62
2.9.1 package.json文件 62
2.9.2 查看項目依賴 63
2.10 Node.js模塊加載機制 65
2.10.1 當模塊擁有路徑但沒有后綴時 65
2.10.2 當模塊沒有路徑且沒有后綴時 67
本章小結(jié) 69
課后練習 69
第3章 Node.js服務器開發(fā) 71
3.1 服務器開發(fā)的基本概念 71
3.1.1 前端開發(fā)人員為什么學習服務器
開發(fā) 71
3.1.2 服務器開發(fā)可以做哪些事情 72
3.1.3 Node.js開發(fā)服務器的優(yōu)勢 72
3.1.4 網(wǎng)站應用程序的組成 73
3.2 Node.js網(wǎng)站服務器 74
3.2.1 初識Node.js網(wǎng)站服務器 74
3.2.2 創(chuàng)建Node.js網(wǎng)站服務器 76
3.3 HTTP協(xié)議 77
3.3.1 HTTP協(xié)議概念 77
3.3.2 HTTP的請求消息和響應消息 78
3.3.3 請求消息 79
3.3.4 響應消息 83
3.4 HTTP請求與響應處理 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 學生檔案管理案例 101
3.7.1 學生檔案管理案例展示 102
3.7.2 學生檔案管理功能介紹 103
3.7.3 知識拓展——服務器端art-template模板引擎 104
本章小結(jié) 105
課后練習 105
第4章 Express框架 108
4.1 初識Express 108
4.1.1 什么是Express 108
4.1.2 安裝Express 109
4.1.3 利用Express搭建Web服務器 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
課后練習 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)建服務器 137
5.2.2 配置Ajax對象 137
5.2.3 獲取服務器端的響應 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 處理服務器返回的JSON數(shù)據(jù) 155
5.6.5 實現(xiàn)可選參數(shù) 156
本章小結(jié) 158
課后練習 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 上傳二進制文件 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
課后練習 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
課后練習 212
第8章 項目實戰(zhàn)——博客管理系統(tǒng) 213
8.1 項目展示 213
8.2 功能介紹 217
本章小結(jié) 218