中圖網(wǎng)小程序
一鍵登錄
更方便
包郵 Web前端開發(fā)實(shí)訓(xùn)案例教程(高級)
開本：
16開
頁數(shù)：
328
本類五星書更多>
-
>
全國計(jì)算機(jī)等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應(yīng)用
-
>
決戰(zhàn)行測5000題(言語理解與表達(dá))
-
>
軟件性能測試.分析與調(diào)優(yōu)實(shí)踐之路
-
>
第一行代碼Android
-
>
JAVA持續(xù)交付
-
>
EXCEL最強(qiáng)教科書(完全版)(全彩印刷)
-
>
深度學(xué)習(xí)
Web前端開發(fā)實(shí)訓(xùn)案例教程(高級) 版權(quán)信息
- ISBN：9787121459184
- 條形碼：9787121459184 ; 978-7-121-45918-4
- 裝幀：平塑
- 冊數(shù)：暫無
- 重量：暫無
- 所屬分類：>
Web前端開發(fā)實(shí)訓(xùn)案例教程(高級) 內(nèi)容簡介
本書是按照《Web前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)2.0版》（高級）編寫的配套實(shí)踐教程，書中涉及的項(xiàng)目代碼使用國產(chǎn)的HBuilder X開發(fā)工具編譯，并且均可在主流瀏覽器中運(yùn)行。本書將中、高職業(yè)院校和應(yīng)用型本科院校的計(jì)算機(jī)應(yīng)用、軟件技術(shù)等相關(guān)專業(yè)開設(shè)的Web前端開發(fā)方向的課程體系，與企業(yè)Web前端開發(fā)崗位能力模型相結(jié)合，依據(jù)《Web前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)2.0版》（高級）技能要求，形成三位一體的Web前端開發(fā)技術(shù)知識地圖。案例編排以實(shí)踐能力為導(dǎo)向，以開發(fā)企業(yè)真實(shí)應(yīng)用為目標(biāo)，遵循企業(yè)軟件工程標(biāo)準(zhǔn)和技術(shù)開發(fā)要求，采用任務(wù)驅(qū)動的方式，將網(wǎng)頁圖形繪制、CSS預(yù)處理語言、ES9編程、Vue.js、Node.js、網(wǎng)站架構(gòu)設(shè)計(jì)、網(wǎng)站性能優(yōu)化等重要知識單元，充分融入實(shí)際案例和應(yīng)用環(huán)境中。本書對《Web前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)2.0版》（高級）要求的重要知識單元都進(jìn)行了詳細(xì)的描述，通過案例教學(xué)，使讀者能夠很好地掌握Web前端開發(fā)的相關(guān)技術(shù)。本書針對不同知識單元設(shè)計(jì)了多個(gè)技術(shù)專題，使學(xué)員通過重點(diǎn)訓(xùn)練，掌握每個(gè)知識單元的核心內(nèi)容。本書適合作為高級Web前端開發(fā)職業(yè)技能等級證書考核實(shí)踐教學(xué)的參考用書，也可以作為Web前端開發(fā)工作者的學(xué)習(xí)指導(dǎo)用書。
Web前端開發(fā)實(shí)訓(xùn)案例教程(高級) 目錄
目 錄
第1章 實(shí)踐概述 1
1.1 實(shí)踐目標(biāo) 1
1.2 實(shí)踐知識地圖 1
1.3 實(shí)施安排 7
第2章 開發(fā)環(huán)境：HBuilder X開發(fā)工具 9
2.1 實(shí)驗(yàn)?zāi)繕?biāo) 9
2.2 實(shí)驗(yàn)任務(wù) 9
2.3 設(shè)計(jì)思路 9
2.4 實(shí)驗(yàn)實(shí)施（跟我做） 10
2.4.1 步驟一：下載并安裝
HBuilder X 10
2.4.2 步驟二：HBuilder X主界面 11
2.4.3 步驟三：創(chuàng)建項(xiàng)目 12
2.4.4 步驟四：編輯HTML文件 12
2.4.5 步驟五：運(yùn)行 13
第3章 網(wǎng)頁圖形繪制：圖片水印 15
3.1 實(shí)驗(yàn)?zāi)繕?biāo) 15
3.2 實(shí)驗(yàn)任務(wù) 15
3.3 設(shè)計(jì)思路 16
3.4 實(shí)驗(yàn)實(shí)施（跟我做） 17
3.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 17
3.4.2 步驟二：準(zhǔn)備Canvas環(huán)境 17
3.4.3 步驟三：取/存圖片 17
3.4.4 步驟四：繪制水印 18
第4章 網(wǎng)頁圖形繪制：貪吃蛇 19
4.1 實(shí)驗(yàn)?zāi)繕?biāo) 19
4.2 實(shí)驗(yàn)任務(wù) 19
4.3 設(shè)計(jì)思路 20
4.4 實(shí)驗(yàn)實(shí)施（跟我做） 20
4.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 20
4.4.2 步驟二：制作頁面 21
4.4.3 步驟三：初始化數(shù)據(jù) 21
4.4.4 步驟四：創(chuàng)建“蛇”對象 22
4.4.5 步驟五：生成食物方塊 25
4.4.6 步驟六：繪制蛇 25
4.4.7 步驟七：游戲開始和鍵盤事件 25
第5章 網(wǎng)頁圖形繪制：登錄頁面 27
5.1 實(shí)驗(yàn)?zāi)繕?biāo) 27
5.2 實(shí)驗(yàn)任務(wù) 27
5.3 設(shè)計(jì)思路 28
5.4 實(shí)驗(yàn)實(shí)施（跟我做） 28
5.4.1 步驟一：通過JS生成圖片驗(yàn)
證碼 28
5.4.2 步驟二：在登錄頁面中應(yīng)用圖片驗(yàn)證碼 31
5.4.3 步驟三：測試圖片驗(yàn)證碼 32
第6章 網(wǎng)頁圖形繪制：Logo繪制 34
6.1 實(shí)驗(yàn)?zāi)繕?biāo) 34
6.2 實(shí)驗(yàn)任務(wù) 35
6.3 設(shè)計(jì)思路 35
6.4 實(shí)驗(yàn)實(shí)施（跟我做） 37
6.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 37
6.4.2 步驟二：SVG文件的結(jié)構(gòu) 37
6.4.3 步驟三：創(chuàng)建Logo圖形 37
6.4.4 步驟四：在HTML頁面引入SVG文件 38
第7章 CSS預(yù)處理語言：頁面導(dǎo)航欄 39
7.1 實(shí)驗(yàn)?zāi)繕?biāo) 39
7.2 實(shí)驗(yàn)任務(wù) 39
7.3 設(shè)計(jì)思路 40
7.4 實(shí)驗(yàn)實(shí)施（跟我做） 41
7.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 41
7.4.2 步驟二：引入Less文件 41
7.4.3 步驟三：搭建導(dǎo)航結(jié)構(gòu) 42
7.4.4 步驟四：設(shè)置公共變量 43
7.4.5 步驟五：使用嵌套規(guī)則設(shè)置導(dǎo)航
樣式 44
第8章 ES9編程：圖形計(jì)算器 47
8.1 實(shí)驗(yàn)?zāi)繕?biāo) 47
8.2 實(shí)驗(yàn)任務(wù) 48
8.3 設(shè)計(jì)思路 50
8.4 實(shí)驗(yàn)實(shí)施（跟我做） 51
8.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 51
8.4.2 步驟二：制作HTML頁面 51
8.4.3 步驟三：制作CSS樣式 52
8.4.4 步驟四：定義圖形數(shù)據(jù) 53
8.4.5 步驟五：選擇計(jì)算圖形 54
8.4.6 步驟六：顯示圖形界面 54
8.4.7 步驟七：計(jì)算結(jié)果 55
第9章 ES9編程：抽獎(jiǎng) 61
9.1 實(shí)驗(yàn)?zāi)繕?biāo) 61
9.2 實(shí)驗(yàn)任務(wù) 61
9.3 設(shè)計(jì)思路 62
9.4 實(shí)驗(yàn)實(shí)施（跟我做） 62
9.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 62
9.4.2 步驟二：制作HTML頁面 63
9.4.3 步驟三：編寫CSS樣式 63
9.4.4 步驟四：頁面JS交互邏輯 64
第10章 Vue.js：學(xué)習(xí)日歷 66
10.1 實(shí)驗(yàn)?zāi)繕?biāo) 66
10.2 實(shí)驗(yàn)任務(wù) 67
10.3 設(shè)計(jì)思路 68
10.4 實(shí)驗(yàn)實(shí)施（跟我做） 70
10.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 70
10.4.2 步驟二：創(chuàng)建Vue實(shí)例 71
10.4.3 步驟三：渲染學(xué)習(xí)日歷頁面 73
10.4.4 步驟四：創(chuàng)建對話框組件dialogContent 75
10.4.5 步驟五：編輯課程表（父子組件
通信） 77
第11章 Vue.js：記事本 81
11.1 實(shí)驗(yàn)?zāi)繕?biāo) 81
11.2 實(shí)驗(yàn)任務(wù) 82
11.3 設(shè)計(jì)思路 83
11.4 實(shí)驗(yàn)實(shí)施（跟我做） 85
11.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 85
11.4.2 步驟二：配置Vue路由規(guī)則 85
11.4.3 步驟三：編輯登錄頁組件 86
11.4.4 步驟四：編輯記事本列表頁
組件 87
11.4.5 步驟五：創(chuàng)建新增記事本信息
組件 93
第12章 Vue.js：貼吧 97
12.1 實(shí)驗(yàn)?zāi)繕?biāo) 97
12.2 實(shí)驗(yàn)任務(wù) 98
12.3 設(shè)計(jì)思路 99
12.4 實(shí)驗(yàn)實(shí)施（跟我做） 100
12.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 100
12.4.2 步驟二：安裝和配置路由
規(guī)則 102
12.4.3 步驟三：安裝和配置
Element UI 103
12.4.4 步驟四：創(chuàng)建貼吧首頁 104
12.4.5 步驟五：創(chuàng)建帖子列表頁面 108
12.4.6 步驟六：創(chuàng)建帖子詳情頁面 111
第13章 Vue.js：社區(qū)團(tuán)購網(wǎng) 117
13.1 實(shí)驗(yàn)?zāi)繕?biāo) 117
13.2 實(shí)驗(yàn)任務(wù) 118
13.3 設(shè)計(jì)思路 119
13.4 實(shí)驗(yàn)實(shí)施（跟我做） 121
13.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 121
13.4.2 步驟二：安裝和配置路由
規(guī)則 123
13.4.3 步驟三：安裝Vuex并配置Store 124
13.4.4 步驟四：創(chuàng)建頁頭組件 125
13.4.5 步驟五：引入頁頭組件 127
13.4.6 步驟六：準(zhǔn)備商品數(shù)據(jù)和分類
數(shù)據(jù) 127
13.4.7 步驟七：創(chuàng)建社區(qū)團(tuán)購網(wǎng)
首頁 128
13.4.8 步驟八：創(chuàng)建購物車頁面 133
第14章 Vue.js：購物車 140
14.1 實(shí)驗(yàn)?zāi)繕?biāo) 140
14.2 實(shí)驗(yàn)任務(wù) 140
14.3 設(shè)計(jì)思路 142
14.4 實(shí)驗(yàn)實(shí)施（跟我做） 143
14.4.1 步驟一：實(shí)現(xiàn)頁面布局與基礎(chǔ)
樣式 143
14.4.2 步驟二：使用CSS美化頁面
樣式 144
14.4.3 步驟三：綁定數(shù)據(jù)并設(shè)置基礎(chǔ)
邏輯 145
14.4.4 步驟四：實(shí)現(xiàn)商品選擇與全選功能的 146
14.4.5 步驟五：“刪除”按鈕 147
第15章 Vue.js：備忘錄 148
15.1 實(shí)驗(yàn)?zāi)繕?biāo) 148
15.2 實(shí)驗(yàn)任務(wù) 149
15.3 設(shè)計(jì)思路 151
15.4 實(shí)驗(yàn)實(shí)施（跟我做） 151
15.4.1 步驟一：實(shí)現(xiàn)頁面布局與
樣式 151
15.4.2 步驟二：綁定數(shù)據(jù)與渲染 152
15.4.3 步驟三：切換備忘錄的內(nèi)容 153
15.4.4 步驟四：修改與刪除備忘項(xiàng)目的狀態(tài) 154
15.4.5 步驟五：修改備忘項(xiàng)目的
內(nèi)容 156
第16章 Vue.js：點(diǎn)餐系統(tǒng) 159
16.1 實(shí)驗(yàn)?zāi)繕?biāo) 159
16.2 實(shí)驗(yàn)任務(wù) 160
16.3 設(shè)計(jì)思路 160
16.4 實(shí)驗(yàn)實(shí)施（跟我做） 161
16.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 161
16.4.2 步驟二：配置路由規(guī)則 162
16.4.3 步驟三：配置Store 162
16.4.4 步驟四：創(chuàng)建公共頁頭組件 163
16.4.5 步驟五：創(chuàng)建點(diǎn)餐數(shù)據(jù)列表
組件 164
16.4.6 步驟六：創(chuàng)建首頁組件 167
16.4.7 步驟七：創(chuàng)建訂單組件 168
第17章 Node.js：拍賣網(wǎng) 171
17.1 實(shí)驗(yàn)?zāi)繕?biāo) 171
17.2 實(shí)驗(yàn)任務(wù) 172
17.3 設(shè)計(jì)思路 172
17.4 實(shí)驗(yàn)實(shí)施（跟我做） 173
17.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 173
17.4.2 步驟二：完成頁面顯示 173
17.4.3 步驟三：實(shí)現(xiàn)請求處理 176
17.4.4 步驟四：準(zhǔn)備數(shù)據(jù) 177
17.4.5 步驟五：完成前后端交互 178
17.4.6 步驟六：運(yùn)行效果 179
第18章 Node.js：在線選課 180
18.1 實(shí)驗(yàn)?zāi)繕?biāo) 180
18.2 實(shí)驗(yàn)任務(wù) 180
18.3 設(shè)計(jì)思路 181
18.4 實(shí)驗(yàn)實(shí)施（跟我做） 182
18.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 182
18.4.2 步驟二：準(zhǔn)備數(shù)據(jù) 182
18.4.3 步驟三：完成靜態(tài)頁面 183
18.4.4 步驟四：仿數(shù)據(jù)庫處理數(shù)據(jù) 185
18.4.5 步驟五：實(shí)現(xiàn)請求處理 186
18.4.6 步驟六：實(shí)現(xiàn)靜態(tài)資源訪問 188
18.4.7 步驟七：實(shí)現(xiàn)前后端交互 189
18.4.8 步驟八：運(yùn)行效果 191
第19章 Node.js：問卷調(diào)查網(wǎng) 192
19.1 實(shí)驗(yàn)?zāi)繕?biāo) 192
19.2 實(shí)驗(yàn)任務(wù) 192
19.3 設(shè)計(jì)思路 193
19.4 實(shí)驗(yàn)實(shí)施（跟我做） 194
19.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 194
19.4.2 步驟二：完成靜態(tài)頁面 194
19.4.3 步驟三：仿數(shù)據(jù)庫處理數(shù)據(jù) 198
19.4.4 步驟四：創(chuàng)建服務(wù)器 199
19.4.5 步驟五：實(shí)現(xiàn)前臺路由 199
19.4.6 步驟六：實(shí)現(xiàn)后臺路由 200
19.4.7 步驟七：運(yùn)行效果 201
第20章 Node.js：用戶注冊/登錄 203
20.1 實(shí)驗(yàn)?zāi)繕?biāo) 203
20.2 實(shí)驗(yàn)任務(wù) 203
20.3 設(shè)計(jì)思路 204
20.4 實(shí)驗(yàn)實(shí)施（跟我做） 205
20.4.1 步驟一：下載與安裝Node.js 205
20.4.2 步驟二：創(chuàng)建項(xiàng)目和文件 206
20.4.3 步驟三：實(shí)現(xiàn)“用戶注冊”和“用戶登錄”頁面 207
20.4.4 步驟四：添加“用戶注冊”和“用戶登錄”頁面的CSS樣式 208
20.4.5 步驟五：創(chuàng)建服務(wù)器 209
20.4.6 步驟六：發(fā)送AJAX請求到服
務(wù)器 211
第21章 Node.js：用戶信息管理 214
21.1 實(shí)驗(yàn)?zāi)繕?biāo) 214
21.2 實(shí)驗(yàn)任務(wù) 215
21.3 設(shè)計(jì)思路 216
21.4 實(shí)驗(yàn)實(shí)施（跟我做） 218
21.4.1 步驟一：使用Express應(yīng)用生成器創(chuàng)建項(xiàng)目 218
21.4.2 步驟二：使用Express連接MySQL數(shù)據(jù)庫 219
21.4.3 步驟三：解決跨域問題 219
21.4.4 步驟四：設(shè)計(jì)路由接口 220
第22章 Node.js：圖片驗(yàn)證碼 224
22.1 實(shí)驗(yàn)?zāi)繕?biāo) 224
22.2 實(shí)驗(yàn)任務(wù) 225
22.3 設(shè)計(jì)思路 225
22.4 實(shí)驗(yàn)實(shí)施（跟我做） 226
22.4.1 步驟一：使用Express應(yīng)用生成器創(chuàng)建項(xiàng)目 226
22.4.2 步驟二：實(shí)現(xiàn)驗(yàn)證碼頁面 227
22.4.3 步驟三：添加驗(yàn)證碼頁面的CSS樣式 227
22.4.4 步驟四：解決跨域問題 229
22.4.5 步驟五：實(shí)現(xiàn)路由功能 229
22.4.6 步驟六：發(fā)送AJAX請求到服
務(wù)器 230
第23章 Node.js：電商首頁 232
23.1 實(shí)驗(yàn)?zāi)繕?biāo) 232
23.2 實(shí)驗(yàn)任務(wù) 233
23.3 設(shè)計(jì)思路 234
23.4 實(shí)驗(yàn)實(shí)施（跟我做） 235
23.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 235
23.4.2 步驟二：安裝和引入第三方
模塊 236
23.4.3 步驟三：請求首頁數(shù)據(jù) 236
23.4.4 步驟四：編寫分類導(dǎo)航組件、輪播圖組件、分類專區(qū)組件 238
23.4.5 步驟五：Node.js接口 241
第24章 網(wǎng)站架構(gòu)
第1章 實(shí)踐概述 1
1.1 實(shí)踐目標(biāo) 1
1.2 實(shí)踐知識地圖 1
1.3 實(shí)施安排 7
第2章 開發(fā)環(huán)境：HBuilder X開發(fā)工具 9
2.1 實(shí)驗(yàn)?zāi)繕?biāo) 9
2.2 實(shí)驗(yàn)任務(wù) 9
2.3 設(shè)計(jì)思路 9
2.4 實(shí)驗(yàn)實(shí)施（跟我做） 10
2.4.1 步驟一：下載并安裝
HBuilder X 10
2.4.2 步驟二：HBuilder X主界面 11
2.4.3 步驟三：創(chuàng)建項(xiàng)目 12
2.4.4 步驟四：編輯HTML文件 12
2.4.5 步驟五：運(yùn)行 13
第3章 網(wǎng)頁圖形繪制：圖片水印 15
3.1 實(shí)驗(yàn)?zāi)繕?biāo) 15
3.2 實(shí)驗(yàn)任務(wù) 15
3.3 設(shè)計(jì)思路 16
3.4 實(shí)驗(yàn)實(shí)施（跟我做） 17
3.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 17
3.4.2 步驟二：準(zhǔn)備Canvas環(huán)境 17
3.4.3 步驟三：取/存圖片 17
3.4.4 步驟四：繪制水印 18
第4章 網(wǎng)頁圖形繪制：貪吃蛇 19
4.1 實(shí)驗(yàn)?zāi)繕?biāo) 19
4.2 實(shí)驗(yàn)任務(wù) 19
4.3 設(shè)計(jì)思路 20
4.4 實(shí)驗(yàn)實(shí)施（跟我做） 20
4.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 20
4.4.2 步驟二：制作頁面 21
4.4.3 步驟三：初始化數(shù)據(jù) 21
4.4.4 步驟四：創(chuàng)建“蛇”對象 22
4.4.5 步驟五：生成食物方塊 25
4.4.6 步驟六：繪制蛇 25
4.4.7 步驟七：游戲開始和鍵盤事件 25
第5章 網(wǎng)頁圖形繪制：登錄頁面 27
5.1 實(shí)驗(yàn)?zāi)繕?biāo) 27
5.2 實(shí)驗(yàn)任務(wù) 27
5.3 設(shè)計(jì)思路 28
5.4 實(shí)驗(yàn)實(shí)施（跟我做） 28
5.4.1 步驟一：通過JS生成圖片驗(yàn)
證碼 28
5.4.2 步驟二：在登錄頁面中應(yīng)用圖片驗(yàn)證碼 31
5.4.3 步驟三：測試圖片驗(yàn)證碼 32
第6章 網(wǎng)頁圖形繪制：Logo繪制 34
6.1 實(shí)驗(yàn)?zāi)繕?biāo) 34
6.2 實(shí)驗(yàn)任務(wù) 35
6.3 設(shè)計(jì)思路 35
6.4 實(shí)驗(yàn)實(shí)施（跟我做） 37
6.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 37
6.4.2 步驟二：SVG文件的結(jié)構(gòu) 37
6.4.3 步驟三：創(chuàng)建Logo圖形 37
6.4.4 步驟四：在HTML頁面引入SVG文件 38
第7章 CSS預(yù)處理語言：頁面導(dǎo)航欄 39
7.1 實(shí)驗(yàn)?zāi)繕?biāo) 39
7.2 實(shí)驗(yàn)任務(wù) 39
7.3 設(shè)計(jì)思路 40
7.4 實(shí)驗(yàn)實(shí)施（跟我做） 41
7.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 41
7.4.2 步驟二：引入Less文件 41
7.4.3 步驟三：搭建導(dǎo)航結(jié)構(gòu) 42
7.4.4 步驟四：設(shè)置公共變量 43
7.4.5 步驟五：使用嵌套規(guī)則設(shè)置導(dǎo)航
樣式 44
第8章 ES9編程：圖形計(jì)算器 47
8.1 實(shí)驗(yàn)?zāi)繕?biāo) 47
8.2 實(shí)驗(yàn)任務(wù) 48
8.3 設(shè)計(jì)思路 50
8.4 實(shí)驗(yàn)實(shí)施（跟我做） 51
8.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 51
8.4.2 步驟二：制作HTML頁面 51
8.4.3 步驟三：制作CSS樣式 52
8.4.4 步驟四：定義圖形數(shù)據(jù) 53
8.4.5 步驟五：選擇計(jì)算圖形 54
8.4.6 步驟六：顯示圖形界面 54
8.4.7 步驟七：計(jì)算結(jié)果 55
第9章 ES9編程：抽獎(jiǎng) 61
9.1 實(shí)驗(yàn)?zāi)繕?biāo) 61
9.2 實(shí)驗(yàn)任務(wù) 61
9.3 設(shè)計(jì)思路 62
9.4 實(shí)驗(yàn)實(shí)施（跟我做） 62
9.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 62
9.4.2 步驟二：制作HTML頁面 63
9.4.3 步驟三：編寫CSS樣式 63
9.4.4 步驟四：頁面JS交互邏輯 64
第10章 Vue.js：學(xué)習(xí)日歷 66
10.1 實(shí)驗(yàn)?zāi)繕?biāo) 66
10.2 實(shí)驗(yàn)任務(wù) 67
10.3 設(shè)計(jì)思路 68
10.4 實(shí)驗(yàn)實(shí)施（跟我做） 70
10.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 70
10.4.2 步驟二：創(chuàng)建Vue實(shí)例 71
10.4.3 步驟三：渲染學(xué)習(xí)日歷頁面 73
10.4.4 步驟四：創(chuàng)建對話框組件dialogContent 75
10.4.5 步驟五：編輯課程表（父子組件
通信） 77
第11章 Vue.js：記事本 81
11.1 實(shí)驗(yàn)?zāi)繕?biāo) 81
11.2 實(shí)驗(yàn)任務(wù) 82
11.3 設(shè)計(jì)思路 83
11.4 實(shí)驗(yàn)實(shí)施（跟我做） 85
11.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 85
11.4.2 步驟二：配置Vue路由規(guī)則 85
11.4.3 步驟三：編輯登錄頁組件 86
11.4.4 步驟四：編輯記事本列表頁
組件 87
11.4.5 步驟五：創(chuàng)建新增記事本信息
組件 93
第12章 Vue.js：貼吧 97
12.1 實(shí)驗(yàn)?zāi)繕?biāo) 97
12.2 實(shí)驗(yàn)任務(wù) 98
12.3 設(shè)計(jì)思路 99
12.4 實(shí)驗(yàn)實(shí)施（跟我做） 100
12.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 100
12.4.2 步驟二：安裝和配置路由
規(guī)則 102
12.4.3 步驟三：安裝和配置
Element UI 103
12.4.4 步驟四：創(chuàng)建貼吧首頁 104
12.4.5 步驟五：創(chuàng)建帖子列表頁面 108
12.4.6 步驟六：創(chuàng)建帖子詳情頁面 111
第13章 Vue.js：社區(qū)團(tuán)購網(wǎng) 117
13.1 實(shí)驗(yàn)?zāi)繕?biāo) 117
13.2 實(shí)驗(yàn)任務(wù) 118
13.3 設(shè)計(jì)思路 119
13.4 實(shí)驗(yàn)實(shí)施（跟我做） 121
13.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 121
13.4.2 步驟二：安裝和配置路由
規(guī)則 123
13.4.3 步驟三：安裝Vuex并配置Store 124
13.4.4 步驟四：創(chuàng)建頁頭組件 125
13.4.5 步驟五：引入頁頭組件 127
13.4.6 步驟六：準(zhǔn)備商品數(shù)據(jù)和分類
數(shù)據(jù) 127
13.4.7 步驟七：創(chuàng)建社區(qū)團(tuán)購網(wǎng)
首頁 128
13.4.8 步驟八：創(chuàng)建購物車頁面 133
第14章 Vue.js：購物車 140
14.1 實(shí)驗(yàn)?zāi)繕?biāo) 140
14.2 實(shí)驗(yàn)任務(wù) 140
14.3 設(shè)計(jì)思路 142
14.4 實(shí)驗(yàn)實(shí)施（跟我做） 143
14.4.1 步驟一：實(shí)現(xiàn)頁面布局與基礎(chǔ)
樣式 143
14.4.2 步驟二：使用CSS美化頁面
樣式 144
14.4.3 步驟三：綁定數(shù)據(jù)并設(shè)置基礎(chǔ)
邏輯 145
14.4.4 步驟四：實(shí)現(xiàn)商品選擇與全選功能的 146
14.4.5 步驟五：“刪除”按鈕 147
第15章 Vue.js：備忘錄 148
15.1 實(shí)驗(yàn)?zāi)繕?biāo) 148
15.2 實(shí)驗(yàn)任務(wù) 149
15.3 設(shè)計(jì)思路 151
15.4 實(shí)驗(yàn)實(shí)施（跟我做） 151
15.4.1 步驟一：實(shí)現(xiàn)頁面布局與
樣式 151
15.4.2 步驟二：綁定數(shù)據(jù)與渲染 152
15.4.3 步驟三：切換備忘錄的內(nèi)容 153
15.4.4 步驟四：修改與刪除備忘項(xiàng)目的狀態(tài) 154
15.4.5 步驟五：修改備忘項(xiàng)目的
內(nèi)容 156
第16章 Vue.js：點(diǎn)餐系統(tǒng) 159
16.1 實(shí)驗(yàn)?zāi)繕?biāo) 159
16.2 實(shí)驗(yàn)任務(wù) 160
16.3 設(shè)計(jì)思路 160
16.4 實(shí)驗(yàn)實(shí)施（跟我做） 161
16.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 161
16.4.2 步驟二：配置路由規(guī)則 162
16.4.3 步驟三：配置Store 162
16.4.4 步驟四：創(chuàng)建公共頁頭組件 163
16.4.5 步驟五：創(chuàng)建點(diǎn)餐數(shù)據(jù)列表
組件 164
16.4.6 步驟六：創(chuàng)建首頁組件 167
16.4.7 步驟七：創(chuàng)建訂單組件 168
第17章 Node.js：拍賣網(wǎng) 171
17.1 實(shí)驗(yàn)?zāi)繕?biāo) 171
17.2 實(shí)驗(yàn)任務(wù) 172
17.3 設(shè)計(jì)思路 172
17.4 實(shí)驗(yàn)實(shí)施（跟我做） 173
17.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 173
17.4.2 步驟二：完成頁面顯示 173
17.4.3 步驟三：實(shí)現(xiàn)請求處理 176
17.4.4 步驟四：準(zhǔn)備數(shù)據(jù) 177
17.4.5 步驟五：完成前后端交互 178
17.4.6 步驟六：運(yùn)行效果 179
第18章 Node.js：在線選課 180
18.1 實(shí)驗(yàn)?zāi)繕?biāo) 180
18.2 實(shí)驗(yàn)任務(wù) 180
18.3 設(shè)計(jì)思路 181
18.4 實(shí)驗(yàn)實(shí)施（跟我做） 182
18.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 182
18.4.2 步驟二：準(zhǔn)備數(shù)據(jù) 182
18.4.3 步驟三：完成靜態(tài)頁面 183
18.4.4 步驟四：仿數(shù)據(jù)庫處理數(shù)據(jù) 185
18.4.5 步驟五：實(shí)現(xiàn)請求處理 186
18.4.6 步驟六：實(shí)現(xiàn)靜態(tài)資源訪問 188
18.4.7 步驟七：實(shí)現(xiàn)前后端交互 189
18.4.8 步驟八：運(yùn)行效果 191
第19章 Node.js：問卷調(diào)查網(wǎng) 192
19.1 實(shí)驗(yàn)?zāi)繕?biāo) 192
19.2 實(shí)驗(yàn)任務(wù) 192
19.3 設(shè)計(jì)思路 193
19.4 實(shí)驗(yàn)實(shí)施（跟我做） 194
19.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 194
19.4.2 步驟二：完成靜態(tài)頁面 194
19.4.3 步驟三：仿數(shù)據(jù)庫處理數(shù)據(jù) 198
19.4.4 步驟四：創(chuàng)建服務(wù)器 199
19.4.5 步驟五：實(shí)現(xiàn)前臺路由 199
19.4.6 步驟六：實(shí)現(xiàn)后臺路由 200
19.4.7 步驟七：運(yùn)行效果 201
第20章 Node.js：用戶注冊/登錄 203
20.1 實(shí)驗(yàn)?zāi)繕?biāo) 203
20.2 實(shí)驗(yàn)任務(wù) 203
20.3 設(shè)計(jì)思路 204
20.4 實(shí)驗(yàn)實(shí)施（跟我做） 205
20.4.1 步驟一：下載與安裝Node.js 205
20.4.2 步驟二：創(chuàng)建項(xiàng)目和文件 206
20.4.3 步驟三：實(shí)現(xiàn)“用戶注冊”和“用戶登錄”頁面 207
20.4.4 步驟四：添加“用戶注冊”和“用戶登錄”頁面的CSS樣式 208
20.4.5 步驟五：創(chuàng)建服務(wù)器 209
20.4.6 步驟六：發(fā)送AJAX請求到服
務(wù)器 211
第21章 Node.js：用戶信息管理 214
21.1 實(shí)驗(yàn)?zāi)繕?biāo) 214
21.2 實(shí)驗(yàn)任務(wù) 215
21.3 設(shè)計(jì)思路 216
21.4 實(shí)驗(yàn)實(shí)施（跟我做） 218
21.4.1 步驟一：使用Express應(yīng)用生成器創(chuàng)建項(xiàng)目 218
21.4.2 步驟二：使用Express連接MySQL數(shù)據(jù)庫 219
21.4.3 步驟三：解決跨域問題 219
21.4.4 步驟四：設(shè)計(jì)路由接口 220
第22章 Node.js：圖片驗(yàn)證碼 224
22.1 實(shí)驗(yàn)?zāi)繕?biāo) 224
22.2 實(shí)驗(yàn)任務(wù) 225
22.3 設(shè)計(jì)思路 225
22.4 實(shí)驗(yàn)實(shí)施（跟我做） 226
22.4.1 步驟一：使用Express應(yīng)用生成器創(chuàng)建項(xiàng)目 226
22.4.2 步驟二：實(shí)現(xiàn)驗(yàn)證碼頁面 227
22.4.3 步驟三：添加驗(yàn)證碼頁面的CSS樣式 227
22.4.4 步驟四：解決跨域問題 229
22.4.5 步驟五：實(shí)現(xiàn)路由功能 229
22.4.6 步驟六：發(fā)送AJAX請求到服
務(wù)器 230
第23章 Node.js：電商首頁 232
23.1 實(shí)驗(yàn)?zāi)繕?biāo) 232
23.2 實(shí)驗(yàn)任務(wù) 233
23.3 設(shè)計(jì)思路 234
23.4 實(shí)驗(yàn)實(shí)施（跟我做） 235
23.4.1 步驟一：創(chuàng)建項(xiàng)目和文件 235
23.4.2 步驟二：安裝和引入第三方
模塊 236
23.4.3 步驟三：請求首頁數(shù)據(jù) 236
23.4.4 步驟四：編寫分類導(dǎo)航組件、輪播圖組件、分類專區(qū)組件 238
23.4.5 步驟五：Node.js接口 241
第24章 網(wǎng)站架構(gòu)
展開全部
Web前端開發(fā)實(shí)訓(xùn)案例教程(高級) 作者簡介
北京新奧時(shí)代科技有限責(zé)任公司于2006年04月12日在石景山分局登記成立。公司經(jīng)營范圍包括技術(shù)開發(fā)、技術(shù)推廣、技術(shù)轉(zhuǎn)讓、技術(shù)咨詢、技術(shù)服務(wù)等。
書友推薦
- >
史學(xué)評論
- >
羅庸西南聯(lián)大授課錄
- >
名家?guī)阕x魯迅:朝花夕拾
- >
回憶愛瑪儂
- >
煙與鏡
- >
大紅狗在馬戲團(tuán)-大紅狗克里弗-助人
- >
月亮與六便士
- >
自卑與超越
本類暢銷
