第1章 ES6基礎(chǔ) 1 1.1　初識(shí)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　對(duì)象的解構(gòu)賦值　7 1.4　箭頭函數(shù)　8 1.4.1　箭頭函數(shù)的語(yǔ)法　8 1.4.2　箭頭函數(shù)的特點(diǎn)　8 1.4.3　箭頭函數(shù)中的this關(guān)鍵字　9 1.5　剩余參數(shù)　10 1.5.1　剩余參數(shù)的語(yǔ)法　10 1.5.2　剩余參數(shù)和解構(gòu)賦值配合使用　12 1.6　擴(kuò)展運(yùn)算符　12 1.6.1　擴(kuò)展運(yùn)算符的語(yǔ)法　12 1.6.2　擴(kuò)展運(yùn)算符的應(yīng)用　13 1.7　模板字符串　14 1.7.1　模板字符串的語(yǔ)法　14 1.7.2　模板字符串的應(yīng)用　15 1.8　ES6的內(nèi)置對(duì)象擴(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實(shí)例的操作方法　21 1.9.3　Set實(shí)例的遍歷方法　22 1.10　初識(shí)Symbol　22 1.10.1　Symbol的基本使用　23 1.10.2　使用Symbol作為對(duì)象屬性名　23 本章小結(jié)　24 課后練習(xí)　24 第2章　Node.js模塊化開(kāi)發(fā)　27 2.1　Node.js運(yùn)行環(huán)境搭建　27 2.1.1　下載和安裝　28 2.1.2　Node.js環(huán)境常見(jiàn)安裝失敗情況　30 2.2　Node.js的基本使用　34 2.2.1　Node.js的組成　34 2.2.2　Node.js基礎(chǔ)語(yǔ)法　34 2.2.3　Node.js全局對(duì)象global　35 2.3　初識(shí)模塊化開(kāi)發(fā)　36 2.3.1　傳統(tǒng)JavaScript開(kāi)發(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常用開(kāi)發(fā)工具　48 2.7.1　nodemon工具　48 2.7.2　nrm工具　49 2.7.3　gulp工具　50 2.8　在項(xiàng)目中使用gulp　53 2.8.1　gulp中的常用插件　53 2.8.2　壓縮并抽取HTML中的公共代碼　54 2.8.3　壓縮并轉(zhuǎn)換Less語(yǔ)法　56 2.8.4　壓縮并轉(zhuǎn)換ES6語(yǔ)法　58 2.8.5　復(fù)制目錄　61 2.8.6　執(zhí)行全部構(gòu)建任務(wù)　61 2.9　項(xiàng)目依賴(lài)管理　62 2.9.1　package.json文件　62 2.9.2　查看項(xiàng)目依賴(lài)　63 2.10　Node.js模塊加載機(jī)制　65 2.10.1　當(dāng)模塊擁有路徑但沒(méi)有后綴時(shí)　65 2.10.2　當(dāng)模塊沒(méi)有路徑且沒(méi)有后綴時(shí)　67 本章小結(jié)　69 課后練習(xí)　69 第3章　Node.js服務(wù)器開(kāi)發(fā)　71 3.1　服務(wù)器開(kāi)發(fā)的基本概念　71 3.1.1　前端開(kāi)發(fā)人員為什么學(xué)習(xí)服務(wù)器
開(kāi)發(fā)　71 3.1.2　服務(wù)器開(kāi)發(fā)可以做哪些事情　72 3.1.3　Node.js開(kāi)發(fā)服務(wù)器的優(yōu)勢(shì)　72 3.1.4　網(wǎng)站應(yīng)用程序的組成　73 3.2　Node.js網(wǎng)站服務(wù)器　74 3.2.1　初識(shí)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的請(qǐng)求消息和響應(yīng)消息　78 3.3.3　請(qǐng)求消息　79 3.3.4　響應(yīng)消息　83 3.4　HTTP請(qǐng)求與響應(yīng)處理　85 3.4.1　GET請(qǐng)求參數(shù)　85 3.4.2　POST請(qǐng)求參數(shù)　87 3.4.3　路由　89 3.4.4　靜態(tài)資源訪問(wèn)　90 3.5　Node.js異步編程　92 3.5.1　同步異步API的概念　92 3.5.2　獲取異步API的返回值　93 3.5.3　異步編程中回調(diào)地獄的問(wèn)題　94 3.5.4　利用Promise解決回調(diào)地獄　94 3.5.5　異步函數(shù)　96 3.6　用戶(hù)信息列表案例　98 3.6.1　用戶(hù)信息列表案例展示　98 3.6.2　用戶(hù)信息列表功能介紹　100 3.6.3　知識(shí)拓展——MongoDB數(shù)據(jù)庫(kù)　101 3.7　學(xué)生檔案管理案例　101 3.7.1　學(xué)生檔案管理案例展示　102 3.7.2　學(xué)生檔案管理功能介紹　103 3.7.3　知識(shí)拓展——服務(wù)器端art-template模板引擎　104 本章小結(jié)　105 課后練習(xí)　105 第4章　Express框架　108 4.1　初識(shí)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　利用中間件處理錯(cuò)誤　120 4.2.5　利用中間件捕獲異步函數(shù)錯(cuò)誤　122 4.3　Express模塊化路由　123 4.3.1　模塊化路由的基本使用　124 4.3.2　構(gòu)建模塊化路由　125 4.4　Express接收請(qǐng)求參數(shù)　127 4.4.1　Express接收GET請(qǐng)求參數(shù)　127 4.4.2　Express接收POST請(qǐng)求參數(shù)　128 4.4.3　Express接收路由參數(shù)　130 4.5　Express模板引擎　131 4.5.1　配置模板引擎　131 4.5.2　模板引擎的簡(jiǎn)單使用　132 本章小結(jié)　133 課后練習(xí)　133 第5章　Ajax（上）　135 5.1　初識(shí)Ajax　135 5.1.1　傳統(tǒng)網(wǎng)站中存在的問(wèn)題　135 5.1.2　Ajax的工作原理　136 5.2　Ajax基本實(shí)現(xiàn)步驟　137 5.2.1　創(chuàng)建服務(wù)器　137 5.2.2　配置Ajax對(duì)象　137 5.2.3　獲取服務(wù)器端的響應(yīng)　138 5.3　請(qǐng)求參數(shù)　140 5.3.1　GET請(qǐng)求參數(shù)的傳遞　140 5.3.2　POST請(qǐng)求參數(shù)的傳遞　142 5.4　Ajax異步編程　145 5.5　Ajax錯(cuò)誤處理　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請(qǐng)求參數(shù)　152 5.6.3　判斷請(qǐng)求成功或失敗　154 5.6.4　處理服務(wù)器返回的JSON數(shù)據(jù)　155 5.6.5　實(shí)現(xiàn)可選參數(shù)　156 本章小結(jié)　158 課后練習(xí)　158 第6章　Ajax（下）　160 6.1　FormData對(duì)象　160 6.1.1　FormData對(duì)象實(shí)例方法　160 6.1.2　FormData對(duì)象實(shí)例方法的使用　161 6.1.3　formidable表單解析對(duì)象的使用　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解決跨域請(qǐng)求問(wèn)題　175 6.3.3　rquest模塊解決跨域請(qǐng)求問(wèn)題　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　知識(shí)拓展——jQuery Mobile　187 本章小結(jié)　191 課后練習(xí)　192 第7章　Webpack打包工具　193 7.1　初識(shí)Webpack　193 7.1.1　什么是Webpack　193 7.1.2　Webpack的安裝與使用　194 7.1.3　手動(dòng)配置入口和出口文件　195 7.1.4　使用Webpack實(shí)現(xiàn)列表隔行換色效果　196 7.2　Webpack自動(dòng)打包　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章　項(xiàng)目實(shí)戰(zhàn)——博客管理系統(tǒng)　213 8.1　項(xiàng)目展示　213 8.2　功能介紹　217 本章小結(jié)　218