JavaScript+jQuery Web開發(fā)案例教程
定 價(jià):69.8 元
- 作者:前沿科技 溫謙
- 出版時(shí)間:2022/4/1
- ISBN:9787115577535
- 出 版 社:人民郵電出版社
- 中圖法分類:TP312
- 頁(yè)碼:0
- 紙張:
- 版次:01
- 開本:16開
隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展,JavaScript語(yǔ)言及其相關(guān)技術(shù)越來(lái)越受到人們的關(guān)注,同時(shí)JavaScript框架也層出不窮。jQuery作為JavaScript框架中的優(yōu)秀代表,為廣大開發(fā)者提供了諸多便利,持久地占據(jù)著Web開發(fā)技術(shù)中的重要位置。
本書內(nèi)容翔實(shí)、結(jié)構(gòu)框架清晰、講解循序漸進(jìn),共分上下兩篇。上篇為JavaScript程序開發(fā)(共8章),以ES6為標(biāo)準(zhǔn),講解了JavaScript的基礎(chǔ)概念、程序控制流、函數(shù)、對(duì)象、集合、ES6中引入的類操作以及背后的原型鏈等核心知識(shí),同時(shí)介紹了通過原生API訪問DOM的方法。此外,在第8章中講解了一個(gè)完整的漸進(jìn)式綜合案例的開發(fā),在綜合案例中通過反復(fù)迭代,不斷改進(jìn)內(nèi)部邏輯,給讀者提供了一個(gè)透徹理解Web開發(fā)實(shí)踐的示范。下篇為jQuery程序開發(fā)(共10章),通過豐富的案例詳細(xì)講解了jQuery框架的相關(guān)技術(shù),主要包括jQuery的基礎(chǔ)、如何使用jQuery控制頁(yè)面、制作動(dòng)畫與特效、簡(jiǎn)化AJAX操作以及jQuery插件等。本書講解的重點(diǎn)在于簡(jiǎn)化JavaScript程序開發(fā)的步驟,注重實(shí)例之間的對(duì)比與遞進(jìn),充分展示了jQuery所帶來(lái)的變化。最后通過綜合案例,讓讀者進(jìn)一步鞏固所學(xué)知識(shí),提高綜合應(yīng)用所學(xué)知識(shí)的能力。
本書既可以作為高等院校相關(guān)專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)與制作、前端開發(fā)等課程的教材,也可以作為JavaScript、jQuery初學(xué)者的入門用書,還可以作為高級(jí)用戶進(jìn)一步學(xué)習(xí)相關(guān)語(yǔ)言與框架的參考資料。
叢書特色:
(1)編排豐富實(shí)戰(zhàn)案例,可掃前言二維碼進(jìn)行快速預(yù)覽。
(2)提供在線實(shí)訓(xùn)平臺(tái)(http://code.artech.cn),支撐隨時(shí)開展全書案例實(shí)戰(zhàn)演練。
(3)開源分階實(shí)戰(zhàn)項(xiàng)目(http://www.geekfun.website),助力不同層次讀者(學(xué)生)獲取企業(yè)實(shí)戰(zhàn)項(xiàng)目開發(fā)能力。
(4)配套多類教輔資源,包含文本類、視頻類(微課視頻)、案例類、平臺(tái)類等。
(5)建立教師服務(wù)與交流群(QQ群號(hào):368845661),立體化服務(wù)院校教師教學(xué)。
特別說明:
為了使本書中的案例作用最大化,我們專門為其提供了“在線實(shí)訓(xùn)平臺(tái)”(http://code.artech.cn)。該平臺(tái)的具體功能介紹如下。
【在線實(shí)訓(xùn)平臺(tái)】功能:
(1)教師可以利用該平臺(tái),在上課過程中直接演練(展示)書中的所有案例,并可通過實(shí)時(shí)的運(yùn)行結(jié)果同步講解相關(guān)知識(shí)點(diǎn)和技能。
(2)師生可以通過該平臺(tái)觀看全書導(dǎo)學(xué)、原理講解、案例講解等視頻,配合實(shí)操演練,隨時(shí)隨地進(jìn)行學(xué)習(xí),支持開展線上線下混合式教學(xué)。
(3)學(xué)生可以在課前或課后通過該平臺(tái),實(shí)操練習(xí)書中的所有案例,實(shí)時(shí)查看代碼運(yùn)行結(jié)果,而且所有案例代碼均支持復(fù)制與還原。
(4)學(xué)生還可以通過該平臺(tái)實(shí)操練習(xí)各章課后的實(shí)操題,并可通過微信分享功能,將實(shí)操的結(jié)果分享給其他人,如分享給老師進(jìn)行審閱。
說明:掃描“從書序中的二維碼”可以了解該平臺(tái)的具體使用方法,教師也可通過“教師用書指導(dǎo)手冊(cè)”了解該平臺(tái)的具體操作步驟。
溫謙:
## 全棧工程師,前沿科技創(chuàng)始人,現(xiàn)從事企業(yè)大型軟件系統(tǒng)的分析與開發(fā)工作,擁有超20年的軟件開發(fā)經(jīng)驗(yàn),主持并成功開發(fā)了多個(gè)復(fù)雜系統(tǒng),項(xiàng)目實(shí)戰(zhàn)經(jīng)驗(yàn)豐富。
## 常銷書作者,畢業(yè)于華中科技大學(xué)計(jì)算機(jī)專業(yè),主編網(wǎng)頁(yè)設(shè)計(jì)與軟件開發(fā)相關(guān)領(lǐng)域圖書共12本,圖書編寫經(jīng)驗(yàn)頗豐,其中《HTML+CSS網(wǎng)頁(yè)設(shè)計(jì)與布局從入門到精通》《網(wǎng)頁(yè)設(shè)計(jì)與布局項(xiàng)目化教程(HTML+CSS+DIV)》等圖書常銷10余年,被百余所高校選作教材。
## 章名目錄
【上篇】 JavaScript程序開發(fā)
第 1章 JavaScript簡(jiǎn)介
第 2章 JavaScript基礎(chǔ)
第3章 程序控制流與函數(shù)
第4章 JavaScript中的對(duì)象
第5章 在JavaScript中使用集合
第6章 類與原型鏈
第7章 DOM
第8章 綜合案例一:以迭代方式開發(fā)計(jì)算器
【下篇】 jQuery程序開發(fā)
第9章 jQuery基礎(chǔ)
第 10章 jQuery選擇器與管理結(jié)果集
第 11章 使用jQuery控制DOM
第 12章 jQuery事件
第 13章 jQuery的功能函數(shù)
第 14章 jQuery與AJAX
第 15章 jQuery制作動(dòng)畫與特效
第 16章 jQuery插件
第 17章 綜合案例二:網(wǎng)頁(yè)留言本
第 18章 綜合案例三:網(wǎng)頁(yè)圖片剪裁器
## 詳細(xì)目錄
【上篇】 JavaScript程序開發(fā)
第 1章 JavaScript簡(jiǎn)介
1.1 程序設(shè)計(jì)語(yǔ)言與JavaScript 02
1.2 JavaScript的起源、發(fā)展與標(biāo)準(zhǔn)化 06
1.2.1 起源 06
1.2.2 博弈與發(fā)展 07
1.2.3 標(biāo)準(zhǔn)的制定 07
1.3 JavaScript的組成 08
1.3.1 ECMAScript 08
1.3.2 DOM 08
1.3.3 BOM 09
1.3.4 新的開始 09
1.4 Web標(biāo)準(zhǔn) 10
1.4.1 Web標(biāo)準(zhǔn)概述 10
1.4.2 結(jié)構(gòu)、表現(xiàn)、行為的分離 11
1.4.3 前/后端分離成為Web頁(yè)面開發(fā)的主流模式 12
本章小結(jié) 13
習(xí)題1 13
第 2章 JavaScript基礎(chǔ)
2.1 JavaScript的基本語(yǔ)法 14
2.2 使用VS Code編寫第 一個(gè)包含JavaScript代碼的頁(yè)面 16
2.2.1 創(chuàng)建基礎(chǔ)的HTML文件 16
2.2.2 編寫JavaScript代碼 17
2.2.3 在瀏覽器中查看與調(diào)試代碼 18
2.3 關(guān)鍵字與保留字 20
2.4 變量 21
2.5 數(shù)據(jù)類型 23
2.5.1 數(shù)值型 23
2.5.2 字符串型 24
2.5.3 布爾型 27
2.5.4 數(shù)據(jù)類型轉(zhuǎn)換 28
2.5.5 數(shù)組 30
本章小結(jié) 34
習(xí)題2 34
第3章 程序控制流與函數(shù)
3.1 順序結(jié)構(gòu):賦值語(yǔ)句與表達(dá)式 35
3.2 分支結(jié)構(gòu):條件語(yǔ)句 37
3.2.1 比較運(yùn)算符 37
3.2.2 邏輯運(yùn)算符 37
3.2.3 if語(yǔ)句 38
3.2.4 switch語(yǔ)句 39
3.3 循環(huán)語(yǔ)句 41
3.3.1 while語(yǔ)句 41
3.3.2 do…while語(yǔ)句 41
3.3.3 for語(yǔ)句 42
3.3.4 break和continue語(yǔ)句 43
3.3.5 實(shí)例:九九乘法表 45
3.3.6 for…of語(yǔ)句 46
3.3.7 for…in語(yǔ)句 47
3.4 函數(shù) 48
3.4.1 定義函數(shù)的基本方法 48
3.4.2 arguments對(duì)象 50
3.4.3 實(shí)例:楊輝三角 51
3.4.4 變量的作用域 53
3.4.5 函數(shù)作為函數(shù)的參數(shù) 55
3.4.6 箭頭函數(shù) 57
3.5 異常處理 58
本章小結(jié) 60
習(xí)題3 61
第4章 JavaScript中的對(duì)象
4.1 理解對(duì)象的含義 62
4.1.1 理解常見的“類-對(duì)象”結(jié)構(gòu) 63
4.1.2 理解JavaScript中的對(duì)象 64
4.1.3 在JavaScript中創(chuàng)建對(duì)象 65
4.2 時(shí)間日期:Date對(duì)象 70
4.3 數(shù)學(xué)計(jì)算:Math對(duì)象 73
4.4 基本類型與裝箱 76
4.4.1 Boolean 77
4.4.2 Number 77
4.4.3 String 78
4.5 BOM簡(jiǎn)介 79
4.5.1 window對(duì)象 79
4.5.2 location對(duì)象 82
4.5.3 navigator對(duì)象 83
4.5.4 screen對(duì)象 85
4.5.5 history對(duì)象 85
本章小結(jié) 88
習(xí)題4 88
第5章 在JavaScript中使用集合
5.1 數(shù)組 90
5.1.1 數(shù)組的基本操作 90
5.1.2 作為不同數(shù)據(jù)結(jié)構(gòu)的數(shù)組 92
5.2 對(duì)象 96
5.3 集合類型 98
5.3.1 Map集合 98
5.3.2 Set集合 99
本章小結(jié) 101
習(xí)題5 101
第6章 類與原型鏈
6.1 使用類語(yǔ)法實(shí)現(xiàn)封裝 103
6.1.1 類的聲明與定義 103
6.1.2 通過類創(chuàng)建對(duì)象 104
6.1.3 定義方法與調(diào)用方法 105
6.1.4 存取器 106
6.1.5 static 108
6.1.6 instanceof運(yùn)算符 108
6.2 使用類語(yǔ)法實(shí)現(xiàn)繼承 109
6.3 基于構(gòu)造函數(shù)和原型的面向?qū)ο髾C(jī)制 112
6.3.1 封裝 112
6.3.2 繼承 113
6.3.3 原型與原型鏈 115
本章小結(jié) 118
習(xí)題6 118
第7章 DOM
7.1 網(wǎng)頁(yè)中的DOM框架 120
7.2 DOM中的節(jié)點(diǎn) 121
7.2.1 元素節(jié)點(diǎn) 121
7.2.2 文本節(jié)點(diǎn) 122
7.2.3 屬性節(jié)點(diǎn) 122
7.3 通過JavaScript訪問DOM 122
7.3.1 訪問節(jié)點(diǎn) 123
7.3.2 檢測(cè)節(jié)點(diǎn)類型 124
7.3.3 父子兄關(guān)系 125
7.3.4 節(jié)點(diǎn)的屬性 128
7.3.5 創(chuàng)建和操作節(jié)點(diǎn) 129
7.4 DOM與CSS 132
7.4.1 HTML、CSS、JavaScript三位一體 133
7.4.2 className屬性 133
7.5 事件 134
7.5.1 事件與事件流 135
7.5.2 事件監(jiān)聽 136
7.5.3 事件對(duì)象 138
7.6 動(dòng)手實(shí)踐:動(dòng)態(tài)控制表格 139
7.6.1 動(dòng)態(tài)添加 140
7.6.2 修改單元格內(nèi)容 142
7.6.3 動(dòng)態(tài)刪除 143
本章小結(jié) 146
習(xí)題7 146
第8章 綜合案例一:以迭代方式開發(fā)計(jì)算器
8.1 案例概述 147
8.2 更新屏幕 149
8.3 按鈕操作 150
8.4 輸入數(shù)字 151
8.5 輸入小數(shù)點(diǎn) 153
8.6 處理運(yùn)算符 153
8.7 重置計(jì)算器 156
8.8 修復(fù)小數(shù)點(diǎn)錯(cuò)誤 157
8.9 重構(gòu)事件監(jiān)聽器 157
8.10 浮點(diǎn)精度 158
*8.11 實(shí)現(xiàn)先乘除后加減 158
*8.12 實(shí)現(xiàn)支持括號(hào) 160
本章小結(jié) 165
【下篇】 jQuery程序開發(fā)
第9章 jQuery基礎(chǔ)
9.1 jQuery概述 168
9.1.1 jQuery簡(jiǎn)介 168
9.1.2 下載并使用jQuery 169
9.2 jQuery的$ 170
9.2.1 選擇器 170
9.2.2 功能函數(shù)前綴 172
9.2.3 window.onload 173
9.2.4 創(chuàng)建DOM元素 173
9.2.5 擴(kuò)展jQuery 174
9.2.6 沖突問題 176
本章小結(jié) 176
習(xí)題9 176
第 10章 jQuery選擇器與管理結(jié)果集
10.1 選擇器 178
10.1.1 屬性選擇器 178
10.1.2 包含選擇器 180
10.1.3 位置選擇器 181
10.1.4 過濾選擇器 184
10.1.5 反向選擇器 186
10.2 遍歷DOM 187
10.2.1 children() 187
10.2.2 parent()和parents() 189
10.2.3 siblings() 191
10.3 管理結(jié)果集 193
10.3.1 獲取選中元素的個(gè)數(shù) 193
10.3.2 提取元素 194
10.3.3 添加、刪除、過濾 196
10.3.4 查找 200
10.3.5 遍歷 201
10.4 jQuery鏈 202
本章小結(jié) 202
習(xí)題10 203
第 11章 使用jQuery控制DOM
11.1 標(biāo)記的屬性 204
11.1.1 獲取屬性的值 205
11.1.2 設(shè)置屬性的值 206
11.1.3 刪除屬性 208
11.2 元素的樣式 209
11.2.1 添加、刪除CSS類別 209
11.2.2 動(dòng)態(tài)切換 210
11.2.3 直接獲取、設(shè)置樣式 210
11.3 頁(yè)面的元素 212
11.3.1 直接獲取和編輯內(nèi)容 212
11.3.2 添加元素 214
11.3.3 刪除元素 218
11.3.4 克隆元素 220
11.4 表單元素的值 222
11.4.1 獲取表單元素的值 222
11.4.2 設(shè)置表單元素的值 223
本章小結(jié) 224
習(xí)題11 224
第 12章 jQuery事件
12.1 事件監(jiān)聽 226
12.2 刪除事件 229
12.3 事件對(duì)象 230
12.4 事件觸發(fā) 232
12.5 事件的動(dòng)態(tài)交替 233
12.5.1 hover事件的交替 233
12.5.2 click事件的交替 234
12.6 事件委托 235
12.7 實(shí)例:快餐在線 237
12.7.1 框架搭建 237
12.7.2 添加事件 239
12.7.3 樣式 241
本章小結(jié) 244
習(xí)題12 244
第 13章 jQuery的功能函數(shù)
13.1 處理JavaScript對(duì)象 245
13.1.1 遍歷 245
13.1.2 數(shù)據(jù)過濾 247
13.1.3 數(shù)組的轉(zhuǎn)化 248
13.1.4 數(shù)組元素的查找 251
13.2 獲取外部代碼 252
本章小結(jié) 253
習(xí)題13 254
第 14章 jQuery與AJAX
14.1 認(rèn)識(shí)AJAX 255
14.1.1 AJAX的基本概念 255
14.1.2 AJAX的組成部分 257
14.2 獲取異步數(shù)據(jù) 258
14.2.1 傳統(tǒng)方法 258
14.2.2 jQuery的load()方法 259
14.3 GET與POST 261
14.4 控制AJAX 263
14.4.1 設(shè)置AJAX訪問服務(wù)器的細(xì)節(jié) 263
14.4.2 全局設(shè)定AJAX 266
14.4.3 AJAX事件 267
14.4.4 實(shí)例:模擬百度的數(shù)據(jù)加載 269
14.5 實(shí)例:利用jQuery制作自動(dòng)提示的文本框 271
14.5.1 框架結(jié)構(gòu) 271
14.5.2 匹配用戶輸入 272
14.5.3 顯示清除提示框 273
本章小結(jié) 277
習(xí)題14 277
第 15章 jQuery制作動(dòng)畫與特效
15.1 元素的顯示和隱藏 279
15.1.1 show()和hide() 279
15.1.2 實(shí)例:多級(jí)菜單 280
15.1.3 toggle() 282
15.2 淡入淡出的特效 283
15.2.1 再探討show()、hide()和toggle() 283
15.2.2 fadeIn()和fadeOut() 284
15.2.3 自定義變化透明度 286
15.3 幻燈片特效 287
15.4 自定義動(dòng)畫 289
本章小結(jié) 290
習(xí)題15 290
第 16章 jQuery插件
16.1 模擬加入購(gòu)物車 292
16.1.1 鼠標(biāo)拖曳 292
16.1.2 拖入購(gòu)物車 296
16.1.3 模態(tài)框提示 298
16.2 流行的Tab菜單 300
16.3 輪播圖 303
16.3.1 使用前準(zhǔn)備 304
16.3.2 使用輪播圖插件 304
16.3.3 調(diào)整輪播圖效果 306
本章小結(jié) 308
習(xí)題16 308
第 17章 綜合案例二:網(wǎng)頁(yè)留言本
17.1 基本留言本 309
17.2 改用AJAX方式實(shí)現(xiàn)留言本 311
17.2.1 讀取留言列表 311
17.2.2 保存并返回新留言 312
17.2.3 留言本入口頁(yè)面 312
17.3 對(duì)表單數(shù)據(jù)進(jìn)行驗(yàn)證 314
本章小結(jié) 315
第 18章 綜合案例三:網(wǎng)頁(yè)圖片剪裁器
18.1 整體分析 317
18.2 頁(yè)面HTML結(jié)構(gòu)和CSS樣式 318
18.2.1 HTML結(jié)構(gòu) 318
18.2.2 選區(qū)部分的結(jié)構(gòu)與樣式 319
18.3 實(shí)現(xiàn)核心邏輯 320
18.3.1 定義基礎(chǔ)類 320
18.3.2 定義Cropper類 322
18.4 使用jQuery處理交互邏輯 326
18.4.1 初始化圖片 326
18.4.2 控制選區(qū) 327
18.4.3 最終剪裁 331
本章小結(jié) 332