Web前端開(kāi)發(fā)實(shí)訓(xùn)案例教程（高級(jí)）
定 價(jià)：82 元
- 作者：北京新奧時(shí)代科技有限責(zé)任公司
- 出版時(shí)間：2020/2/1
- ISBN：9787121378669
- 出 版 社：電子工業(yè)出版社
- 中圖法分類(lèi)：TP393.092.2
- 頁(yè)碼：452
- 紙張：
- 版次：01
- 開(kāi)本：16開(kāi)
本書(shū)是按照《Web前端開(kāi)發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》（高級(jí)）編寫(xiě)的配套實(shí)踐教材，教材中所有應(yīng)用技術(shù)專(zhuān)題和項(xiàng)目代碼均在主流瀏覽器中運(yùn)行通過(guò)。本書(shū)結(jié)合大學(xué)計(jì)算機(jī)相關(guān)專(zhuān)業(yè)的Web前端開(kāi)發(fā)方向課程體系、企業(yè)Web前端開(kāi)發(fā)崗位能力模型和《Web前端開(kāi)發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》，形成Web前端開(kāi)發(fā)三位一體知識(shí)地圖，以實(shí)踐能力為導(dǎo)向，以企業(yè)真實(shí)應(yīng)用為目標(biāo)，遵循企業(yè)軟件工程標(biāo)準(zhǔn)和技術(shù)，以任務(wù)為驅(qū)動(dòng)，對(duì)HBuilderX工具、HTML5、CSS3、JavaScript、jQuery、MySQL、AJAX、RESTful API、Node.js、Express、Vue.js、jQuery Mobile、Less、Canvas、SVG、ES6、webpack、性能優(yōu)化等Web前端開(kāi)發(fā)中的重要知識(shí)單元，結(jié)合實(shí)際案例和應(yīng)用環(huán)境進(jìn)行了分析和設(shè)計(jì)，并對(duì)每一個(gè)重要的知識(shí)單元進(jìn)行了詳細(xì)介紹，力求使讀者真正掌握這些知識(shí)，從而在實(shí)際場(chǎng)景中加以應(yīng)用。全書(shū)分為兩部分：第一部分為實(shí)驗(yàn)，采用技術(shù)專(zhuān)題進(jìn)行知識(shí)單元訓(xùn)練，可以對(duì)應(yīng)課程練習(xí)，針對(duì)不同的知識(shí)單元設(shè)計(jì)了實(shí)驗(yàn)項(xiàng)目，重點(diǎn)訓(xùn)練每一個(gè)知識(shí)單元內(nèi)容；第二部分為綜合實(shí)踐，可以對(duì)應(yīng)課程設(shè)計(jì)，用“Web聊天室”項(xiàng)目貫穿Web前端開(kāi)發(fā)核心知識(shí)，系統(tǒng)訓(xùn)練核心知識(shí)在企業(yè)真實(shí)項(xiàng)目中的應(yīng)用。本書(shū)適合作為《Web前端開(kāi)發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》（高級(jí)）的實(shí)踐教學(xué)參考用書(shū)，也適合作為對(duì)Web前端開(kāi)發(fā)感興趣的讀者的指導(dǎo)用書(shū)。
北京新奧時(shí)代科技有限責(zé)任公司于2006年04月12日在石景山分局登記成立。公司經(jīng)營(yíng)范圍包括技術(shù)開(kāi)發(fā)、技術(shù)推廣、技術(shù)轉(zhuǎn)讓、技術(shù)咨詢(xún)、技術(shù)服務(wù)等。
目 錄
第1章 概述 1
1.1 實(shí)踐目標(biāo) 1
1.2 實(shí)踐知識(shí)地圖 2
1.3 實(shí)施安排 13
1.3.1 實(shí)驗(yàn)（技術(shù)專(zhuān)題）部分 13
1.3.2 綜合實(shí)踐部分 31
第2章 開(kāi)發(fā)工具（HBuilderX工具） 36
2.1 實(shí)驗(yàn)?zāi)繕?biāo) 36
2.2 實(shí)驗(yàn)任務(wù) 36
2.3 設(shè)計(jì)思路 36
2.4 實(shí)驗(yàn)實(shí)施 37
2.4.1 步驟一：下載并安裝HBuilderX 37
2.4.2 步驟二：HBuilderX
主界面 38
2.4.3 步驟三：創(chuàng)建項(xiàng)目 39
2.4.4 步驟四：編輯html文件 39
2.4.5 步驟五：運(yùn)行 40
第3章 ES6（網(wǎng)頁(yè)計(jì)算器） 42
3.1 實(shí)驗(yàn)?zāi)繕?biāo) 42
3.2 實(shí)驗(yàn)任務(wù) 43
3.3 設(shè)計(jì)思路 44
3.4 實(shí)驗(yàn)實(shí)施（跟我做） 45
3.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 45
3.4.2 步驟二：制作HTML頁(yè)面 45
3.4.3 步驟三：制作CSS樣式 46
3.4.4 步驟四：編寫(xiě)網(wǎng)頁(yè)計(jì)算器類(lèi) 47
3.4.5 步驟五：編寫(xiě)乘除
運(yùn)算邏輯 47
3.4.6 步驟六：編寫(xiě)加減運(yùn)算邏輯 48
3.4.7 步驟七：編寫(xiě)數(shù)據(jù)返回方法 48
3.4.8 步驟八：頁(yè)面交互邏輯 48
3.4.9 步驟九：運(yùn)行效果 49
第4章 Node.js
（第一個(gè)Node.js程序） 52
4.1 實(shí)驗(yàn)?zāi)繕?biāo) 52
4.2 實(shí)驗(yàn)任務(wù) 53
4.3 設(shè)計(jì)思路 53
4.4 實(shí)驗(yàn)實(shí)施 54
4.4.1 步驟一：Node.js的下載與
安裝 54
4.4.2 步驟二：HBuilderX的下載與
安裝 57
4.4.3 步驟三：Node.js目錄
結(jié)構(gòu) 57
4.4.4 步驟四：創(chuàng)建項(xiàng)目和文件 58
4.4.5 步驟五：使用NPM包管理
工具 58
4.4.6 步驟六：創(chuàng)建服務(wù)器 58
4.4.7 步驟七：運(yùn)行效果 59
第5章 Node.js（Web便簽） 60
5.1 實(shí)驗(yàn)?zāi)繕?biāo) 60
5.2 實(shí)驗(yàn)任務(wù) 61
5.3 設(shè)計(jì)思路 61
5.4 實(shí)驗(yàn)實(shí)施（跟我做） 62
5.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 62
5.4.2 步驟二：完成頁(yè)面顯示 63
5.4.3 步驟三：完成資源判斷 64
5.4.4 步驟四：實(shí)現(xiàn)前后端交互 66
5.4.5 步驟五：完成文件寫(xiě)入 67
5.4.6 步驟六：完成文件讀取 67
5.4.7 步驟七：獲取便簽列表 68
5.4.8 步驟八：運(yùn)行效果 68
第6章 Node.js（文學(xué)網(wǎng)） 70
6.1 實(shí)驗(yàn)?zāi)繕?biāo) 70
6.2 實(shí)驗(yàn)任務(wù) 70
6.3 設(shè)計(jì)思路 72
6.4 實(shí)驗(yàn)實(shí)施（跟我做） 73
6.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 73
6.4.2 步驟二：準(zhǔn)備數(shù)據(jù) 74
6.4.3 步驟三：實(shí)現(xiàn)文學(xué)網(wǎng)頁(yè)面 74
6.4.4 步驟四：實(shí)現(xiàn)請(qǐng)求處理 78
6.4.5 步驟五：實(shí)現(xiàn)用戶(hù)登錄 79
6.4.6 步驟六：實(shí)現(xiàn)退出登錄功能 81
6.4.7 步驟七：實(shí)現(xiàn)讀者頁(yè)面功能 81
6.4.8 步驟八：實(shí)現(xiàn)作者發(fā)布文章
功能 85
6.4.9 步驟九： 實(shí)現(xiàn)讀者接收文章
內(nèi)容 86
6.4.10 步驟十：運(yùn)行效果 89
第7章 Node.js（簡(jiǎn)歷網(wǎng)） 91
7.1 實(shí)驗(yàn)?zāi)繕?biāo) 91
7.2 實(shí)驗(yàn)任務(wù) 92
7.3 設(shè)計(jì)思路 93
7.4 實(shí)驗(yàn)實(shí)施（跟我做） 95
7.4.1 步驟一：安裝Express應(yīng)用程序生成器 95
7.4.2 步驟二：使用應(yīng)用程序生成器
創(chuàng)建項(xiàng)目 95
7.4.3 步驟三：Express目錄結(jié)構(gòu) 95
7.4.4 步驟四：構(gòu)建前端頁(yè)面 96
7.4.5 步驟五：安裝和連接MySQL
數(shù)據(jù)庫(kù) 98
7.4.6 步驟六：開(kāi)發(fā)中間件 99
7.4.7 步驟七：實(shí)現(xiàn)路由跳轉(zhuǎn) 99
7.4.8 步驟八：運(yùn)行效果 101
第8章 JSONP（商品清單） 103
8.1 實(shí)驗(yàn)?zāi)繕?biāo) 103
8.2 實(shí)驗(yàn)任務(wù) 103
8.3 設(shè)計(jì)思路 104
8.4 實(shí)驗(yàn)實(shí)施（跟我做） 105
8.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 105
8.4.2 步驟二：創(chuàng)建前端頁(yè)面 106
8.4.3 步驟三：創(chuàng)建HTTP
服務(wù)器 107
8.4.4 步驟四：發(fā)送跨域請(qǐng)求 107
8.4.5 步驟五：后臺(tái)請(qǐng)求處理 108
8.4.6 步驟六：數(shù)據(jù)寫(xiě)入頁(yè)面 108
8.4.7 步驟七：運(yùn)行效果 108
第9章 RESTful API（在線答題器） 110
9.1 實(shí)驗(yàn)?zāi)繕?biāo) 110
9.2 實(shí)驗(yàn)任務(wù) 111
9.3 設(shè)計(jì)思路 111
9.4 實(shí)驗(yàn)實(shí)施（跟我做） 112
9.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 112
9.4.2 步驟二：設(shè)計(jì)完成前端頁(yè)面 113
9.4.3 步驟三：實(shí)現(xiàn)答題功能 115
9.4.4 步驟四：前端功能實(shí)現(xiàn) 116
9.4.5 步驟五：運(yùn)行效果 117
第10章 Vue.js（第一個(gè)Vue.js程序） 118
10.1 實(shí)驗(yàn)?zāi)繕?biāo) 118
10.2 實(shí)驗(yàn)任務(wù) 119
10.3 設(shè)計(jì)思路 120
10.4 實(shí)驗(yàn)實(shí)施（跟我做） 120
10.4.1 步驟一：HBuilderX的下載和
安裝 120
10.4.2 步驟二：Node.js的下載和
安裝 121
10.4.3 步驟三：安裝webpack 121
10.4.4 步驟四：安裝Vue CLI
腳手架 121
10.4.5 步驟五：創(chuàng)建工程 122
10.4.6 步驟六：?jiǎn)?dòng)項(xiàng)目 123
第11章 Vue.js（文章管理） 125
11.1 實(shí)驗(yàn)?zāi)繕?biāo) 125
11.2 實(shí)驗(yàn)任務(wù) 127
11.3 設(shè)計(jì)思路 128
11.4 實(shí)驗(yàn)實(shí)施（跟我做） 131
11.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 131
11.4.2 步驟二：配置路由規(guī)則 132
11.4.3 步驟三：安裝和引入
Axios 133
11.4.4 步驟四：配置跨域請(qǐng)求
代理 133
11.4.5 步驟五：準(zhǔn)備文章列表
數(shù)據(jù) 133
11.4.6 步驟六：編寫(xiě)文章管理
頁(yè)面 134
11.4.7 步驟七：編寫(xiě)文章添加
頁(yè)面 135
11.4.8 步驟八：準(zhǔn)備移動(dòng)端文章
列表數(shù)據(jù) 137
11.4.9 步驟九：編寫(xiě)移動(dòng)端文章
列表頁(yè)面 138
11.4.10 步驟十：Node.js接口 139
11.4.11 步驟十一：請(qǐng)求后臺(tái)接口 141
11.4.12 步驟十二：運(yùn)行效果 142
第12章 Vue.js（網(wǎng)頁(yè)聊天室） 144
12.1 實(shí)驗(yàn)?zāi)繕?biāo) 144
12.2 實(shí)驗(yàn)任務(wù) 145
12.3 設(shè)計(jì)思路 145
12.4 實(shí)驗(yàn)實(shí)施（跟我做） 147
12.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 147
12.4.2 步驟二：配置路由規(guī)則 148
12.4.3 步驟三：編寫(xiě)用戶(hù)登錄
頁(yè)面 149
12.4.4 步驟四：登錄信息驗(yàn)證 150
12.4.5 步驟五：準(zhǔn)備聊天室數(shù)據(jù) 150
12.4.6 步驟六：編寫(xiě)聊天室頁(yè)面 151
12.4.7 步驟七：聊天頁(yè)面初始化
設(shè)置 152
12.4.8 步驟八：編寫(xiě)對(duì)話框組件 152
12.4.9 步驟九：父子組件的傳值 154
12.4.10 步驟十：運(yùn)行效果 155
第13章 Vue.js（美食網(wǎng)） 156
13.1 實(shí)驗(yàn)?zāi)繕?biāo) 156
13.2 實(shí)驗(yàn)任務(wù) 157
13.3 設(shè)計(jì)思路 158
13.4 實(shí)驗(yàn)實(shí)施（跟我做） 160
13.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 160
13.4.2 步驟二：配置路由規(guī)則 161
13.4.3 步驟三：Vuex的Store
配置 161
13.4.4 步驟四：創(chuàng)建頁(yè)頭組件 162
13.4.5 步驟五：創(chuàng)建頁(yè)腳組件 163
13.4.6 步驟六：注冊(cè)頁(yè)頭和頁(yè)腳
全局組件 164
13.4.7 步驟七：準(zhǔn)備菜品列表
數(shù)據(jù) 164
13.4.8 步驟八：創(chuàng)建美食網(wǎng)首頁(yè) 164
13.4.9 步驟九：創(chuàng)建購(gòu)物車(chē)頁(yè)面 167
第14章 HTML和CSS代碼結(jié)構(gòu)優(yōu)化（小說(shuō)網(wǎng)首頁(yè)） 171
14.1 實(shí)驗(yàn)?zāi)繕?biāo) 171
14.2 實(shí)驗(yàn)任務(wù) 172
14.3 設(shè)計(jì)思路 172
14.4 實(shí)驗(yàn)實(shí)施（跟我做） 174
14.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 174
14.4.2 步驟二：構(gòu)建HTML頁(yè)面 174
14.4.3 步驟三：使用CSS樣式美化
頁(yè)面 177
14.4.4 步驟四：使用jQuery實(shí)現(xiàn)動(dòng)態(tài)透明效果 180
第15章 圖片資源優(yōu)化（雪碧圖） 181
15.1 實(shí)驗(yàn)?zāi)繕?biāo) 181
15.2 實(shí)驗(yàn)任務(wù) 181
15.3 設(shè)計(jì)思路 182
15.4 實(shí)驗(yàn)實(shí)施（跟我做） 182
15.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 182
15.4.2 步驟二：制作HTML頁(yè)面 183
15.4.3 步驟三：制作雪碧圖 183
15.4.4 步驟四：實(shí)現(xiàn)縮小和壓縮 184
15.4.5 步驟五：制作CSS樣式 184
15.4.6 步驟六：運(yùn)行效果 185
第16章 前端資源加載優(yōu)化
（在線相冊(cè)） 186
16.1 實(shí)驗(yàn)?zāi)繕?biāo) 186
16.2 實(shí)驗(yàn)任務(wù) 186
16.3 設(shè)計(jì)思路 187
16.4 實(shí)驗(yàn)實(shí)施（跟我做） 188
16.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 188
16.4.2 步驟二：設(shè)計(jì)完成前端頁(yè)面，實(shí)現(xiàn)預(yù)加載 189
16.4.3 步驟三：前端發(fā)送獲取圖片
請(qǐng)求 189
16.4.4 步驟四：后臺(tái)處理請(qǐng)求，
返回響應(yīng)信息 190
16.4.5 步驟五：運(yùn)行效果 190
第17章 webpack
（打包項(xiàng)目—文章管理） 191
17.1 實(shí)驗(yàn)?zāi)繕?biāo) 191
17.2 實(shí)驗(yàn)任務(wù) 192
17.3 設(shè)計(jì)思路 192
17.4 實(shí)驗(yàn)實(shí)施（跟我做） 192
17.4.1 步驟一：使用NPM下載并安裝webpack和webpack-cli 192
17.4.2 步驟二：webpack配置文件的
配置參數(shù) 192
17.4.3 步驟三：打包文章管理
項(xiàng)目 194
17.4.4 步驟四：部署到Express 195
17.4.5 步驟五：運(yùn)行效果 195
第18章 CSS3 2D和3D
（手機(jī)相冊(cè)） 197
18.1 實(shí)驗(yàn)?zāi)繕?biāo) 197
18.2 實(shí)驗(yàn)任務(wù) 197
18.3 設(shè)計(jì)思路 199
18.4 實(shí)驗(yàn)實(shí)施（跟我做） 199
18.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 199
18.4.2 步驟二：創(chuàng)建移動(dòng)端的
HTML頁(yè)面 200
18.4.3 步驟三：使用flex彈性布局
美化頁(yè)面 200
18.4.4 步驟四：制作Y軸的旋轉(zhuǎn)
效果 201
18.4.5 步驟五：制作點(diǎn)擊放大
效果 201
18.4.6 步驟六：運(yùn)行效果 202
第19章 Canvas（手機(jī)賬單） 203
19.1 實(shí)驗(yàn)?zāi)繕?biāo) 203
19.2 實(shí)驗(yàn)任務(wù) 204
19.3 設(shè)計(jì)思路 204
19.4 實(shí)驗(yàn)實(shí)施（跟我做） 205
19.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 205
19.4.2 步驟二：制作HTML頁(yè)面 205
19.4.3 步驟三：制作數(shù)據(jù) 205
19.4.4 步驟四：制作表格 206
19.4.5 步驟五：制作坐標(biāo) 207
19.4.6 步驟六：填充數(shù)據(jù) 207
19.4.7 步驟七：運(yùn)行效果 208
第20章 SVG（SVG繪制圖標(biāo)） 209
20.1 實(shí)驗(yàn)?zāi)繕?biāo) 209
20.2 實(shí)驗(yàn)任務(wù) 210
20.3 設(shè)計(jì)思路 210
20.4 實(shí)驗(yàn)實(shí)施（跟我做） 211
20.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 211
20.4.2 步驟二：SVG圖片文件的
結(jié)構(gòu) 211
20.4.3 步驟三：繪制SVG圖片 212
20.4.4 步驟四：應(yīng)用SVG圖片 212
20.4.5 步驟五：運(yùn)行效果 213
第21章 Less（菜單） 214
21.1 實(shí)驗(yàn)?zāi)繕?biāo) 214
21.2 實(shí)驗(yàn)任務(wù) 214
21.3 設(shè)計(jì)思路 215
21.4 實(shí)驗(yàn)實(shí)施（跟我做） 216
21.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 216
21.4.2 步驟二：Less的安裝 217
21.4.3 步驟三：繪制HTML頁(yè)面 217
21.4.4 步驟四：編寫(xiě)Less，
美化頁(yè)面 218
21.4.5 步驟五：Less編譯 220
21.4.6 步驟六：運(yùn)行效果 221
第22章 jQuery Mobile
（手機(jī)通訊錄） 223
22.1 實(shí)驗(yàn)?zāi)繕?biāo) 223
22.2 實(shí)驗(yàn)任務(wù) 224
22.3 設(shè)計(jì)思路 224
22.4 實(shí)驗(yàn)實(shí)施（跟我做） 225
22.4.1 步驟一：下載和引入 225
22.4.2 步驟二：準(zhǔn)備數(shù)據(jù) 226
22.4.3 步驟三：下載和引入jQuery Mobile資源文件 226
22.4.4 步驟四：jQuery Mobile
頁(yè)面結(jié)構(gòu) 227
22.4.5 步驟五：創(chuàng)建聯(lián)系人列表
頁(yè)面 227
22.4.6 步驟六：創(chuàng)建撥號(hào)頁(yè)面 230
22.4.7 步驟七：運(yùn)行效果 231
第23章 綜合實(shí)踐（Web聊天室） 233
23.1 項(xiàng)目簡(jiǎn)介 233
23.2 實(shí)踐目標(biāo) 233
23.3 需求分析 234
23.4 靜態(tài)頁(yè)面設(shè)計(jì) 236
23.4.1 工作任務(wù) 236
23.4.2 設(shè)計(jì)思路 239
23.4.3 實(shí)現(xiàn)（跟我做） 242
23.5 數(shù)據(jù)庫(kù)設(shè)計(jì)和創(chuàng)建 268
23.5.1 工作任務(wù) 268
23.5.2 設(shè)計(jì)思路 268
23.5.3 實(shí)現(xiàn)（跟我做） 270
23.6 后端接口設(shè)計(jì) 274
23.6.1 工作任務(wù) 274
23.6.2 設(shè)計(jì)思路 274
23.6.3 實(shí)現(xiàn)（跟我做） 274
23.7 第一階段Node.js：
創(chuàng)建工程 276
23.7.1 工作任務(wù) 276
23.7.2 設(shè)計(jì)思路 277
23.7.3 實(shí)現(xiàn)（跟我做） 277
23.8 第一階段Node.js：
歡迎界面 284
23.8.1 工作任務(wù) 284
23.8.2 設(shè)計(jì)思路 285
23.8.3 實(shí)現(xiàn)（跟我做） 286
23.9 第二階段Express：
創(chuàng)建Express工程 289
23.9.1 工作任務(wù) 289
23.9.2 設(shè)計(jì)思路 289
23.9.3 實(shí)現(xiàn)（跟我做） 290
23.10 第二階段Express：
管理員登錄 294
23.10.1 工作任務(wù) 294
23.10.2 設(shè)計(jì)思路 295
23.10.3 實(shí)現(xiàn)（跟我做） 297
23.11 第二階段Express：
顯示用戶(hù)列表 302
23.11.1 工作任務(wù) 302
23.11.2 設(shè)計(jì)思路 303
23.11.3 實(shí)現(xiàn)（跟我做） 305
23.12 第二階段Express：
獲取用戶(hù)信息 310
23.12.1 工作任務(wù) 310
23.12.2 設(shè)計(jì)思路 310
23.12.3 實(shí)現(xiàn)（跟我做） 311
23.13 第二階段Express：
修改用戶(hù)信息 314
23.13.1 工作任務(wù) 314
23.13.2 設(shè)計(jì)思路 315
23.13.3 實(shí)現(xiàn)（跟我做） 316
23.14 第二階段Express：
用戶(hù)登錄 323
23.14.1 工作任務(wù) 323
23.14.2 設(shè)計(jì)思路 323
23.14.3 實(shí)現(xiàn)（跟我做） 324
23.15 第二階段Express：
顯示聊天列表 326
23.15.1 工作任務(wù) 326
23.15.2 設(shè)計(jì)思路 327
23.15.3 實(shí)現(xiàn)（跟我做） 328
23.16 第二階段Express：
獲取聊天信息 334
23.16.1 工作任務(wù) 334
23.16.2 設(shè)計(jì)思路 335
23.16.3 實(shí)現(xiàn)（跟我做） 336
23.17 第二階段Express：
保存聊天信息 341
23.17.1 工作任務(wù) 341
23.17.2 設(shè)計(jì)思路 342
23.17.3 實(shí)現(xiàn)（跟我做） 343
23.18 第二階段Express：
消息統(tǒng)計(jì) 348
23.18.1 工作任務(wù) 348
23.18.2 設(shè)計(jì)思路 348
23.18.3 實(shí)現(xiàn)（跟我做） 349
23.19 第三階段Vue.js：
創(chuàng)建Vue工程 352
23.19.1 工作任務(wù) 352
23.19.2 設(shè)計(jì)思路 353
23.19.3 實(shí)現(xiàn)（跟我做） 353
23.20 第三階段Vue.js：
管理員登錄 359
23.20.1 工作任務(wù) 359
23.20.2 設(shè)計(jì)思路 360
23.20.3 實(shí)現(xiàn)（跟我做） 362
23.21 第三階段Vue.js：
用戶(hù)列表 370
23.21.1 工作任務(wù) 370
23.21.2 設(shè)計(jì)思路 371
23.21.3 實(shí)現(xiàn)（跟我做） 373
23.22 第三階段Vue.js：
用戶(hù)修改 382
23.22.1 工作任務(wù) 382
23.22.2 設(shè)計(jì)思路 383
23.22.3 實(shí)現(xiàn)（跟我做） 384
23.23 第三階段Vue.js：
用戶(hù)登錄 392
23.23.1 工作任務(wù) 392
23.23.2 設(shè)計(jì)思路 394
23.23.3 實(shí)現(xiàn)（跟我做） 394
23.24 第三階段Vue.js：
聊天列表 398
23.24.1 工作任務(wù) 398
23.24.2 設(shè)計(jì)思路 398
23.24.3 實(shí)現(xiàn)（跟我做） 399
23.25 第三階段Vue.js：
消息 401
23.25.1 工作任務(wù) 401
23.25.2 設(shè)計(jì)思路 402
23.25.3 實(shí)現(xiàn)（跟我做） 403
23.26 第四階段移動(dòng)端開(kāi)發(fā)（jQuery Mobile）：用戶(hù)登錄 409
23.26.1 工作任務(wù) 409
23.26.2 設(shè)計(jì)思路 409
23.26.3 實(shí)現(xiàn)（跟我做） 411
23.27 第四階段移動(dòng)端開(kāi)發(fā)（jQuery
Mobile）：聊天列表 415
23.27.1 工作任務(wù) 415
23.27.2 設(shè)計(jì)思路 416
23.27.3 實(shí)現(xiàn)（跟我做） 417
23.28 第四階段移動(dòng)端開(kāi)發(fā)（jQuery Mobile）：消息 421
23.28.1 工作任務(wù) 421
23.28.2 設(shè)計(jì)思路 422
23.28.3 實(shí)現(xiàn)（跟我做） 423
23.29 第四階段移動(dòng)端開(kāi)發(fā)（jQuery Mobile）：消息統(tǒng)計(jì) 428
23.29.1 工作任務(wù) 428
23.29.2 設(shè)計(jì)思路 429
23.29.3 實(shí)現(xiàn)（跟我做） 430
23.30 第五階段性能優(yōu)化：
圖片資源優(yōu)化 433
23.30.1 工作任務(wù) 433
23.30.2 設(shè)計(jì)思路 433
23.30.3 實(shí)現(xiàn)（跟我做） 434
23.31 第五階段性能優(yōu)化：
前端資源加載優(yōu)化 436
23.31.1 工作任務(wù) 436
23.31.2 設(shè)計(jì)思路 437
23.31.3 實(shí)現(xiàn)（跟我做） 437
23.32 第五階段性能優(yōu)化：
項(xiàng)目打包 438
23.32.1 工作任務(wù) 438
23.32.2 設(shè)計(jì)思路 439
23.32.3 實(shí)現(xiàn)（跟我做） 439
書(shū)單推薦
