JavaScript+jQuery Web開發(fā)案例教程
定 價:69.8 元
- 作者:前沿科技 溫謙
- 出版時間:2022/4/1
- ISBN:9787115577535
- 出 版 社:人民郵電出版社
- 中圖法分類:TP312
- 頁碼:0
- 紙張:
- 版次:01
- 開本:16開
隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展,JavaScript語言及其相關(guān)技術(shù)越來越受到人們的關(guān)注,同時JavaScript框架也層出不窮。jQuery作為JavaScript框架中的優(yōu)秀代表,為廣大開發(fā)者提供了諸多便利,持久地占據(jù)著Web開發(fā)技術(shù)中的重要位置。
本書內(nèi)容翔實、結(jié)構(gòu)框架清晰、講解循序漸進(jìn),共分上下兩篇。上篇為JavaScript程序開發(fā)(共8章),以ES6為標(biāo)準(zhǔn),講解了JavaScript的基礎(chǔ)概念、程序控制流、函數(shù)、對象、集合、ES6中引入的類操作以及背后的原型鏈等核心知識,同時介紹了通過原生API訪問DOM的方法。此外,在第8章中講解了一個完整的漸進(jìn)式綜合案例的開發(fā),在綜合案例中通過反復(fù)迭代,不斷改進(jìn)內(nèi)部邏輯,給讀者提供了一個透徹理解Web開發(fā)實踐的示范。下篇為jQuery程序開發(fā)(共10章),通過豐富的案例詳細(xì)講解了jQuery框架的相關(guān)技術(shù),主要包括jQuery的基礎(chǔ)、如何使用jQuery控制頁面、制作動畫與特效、簡化AJAX操作以及jQuery插件等。本書講解的重點在于簡化JavaScript程序開發(fā)的步驟,注重實例之間的對比與遞進(jìn),充分展示了jQuery所帶來的變化。最后通過綜合案例,讓讀者進(jìn)一步鞏固所學(xué)知識,提高綜合應(yīng)用所學(xué)知識的能力。
本書既可以作為高等院校相關(guān)專業(yè)的網(wǎng)頁設(shè)計與制作、前端開發(fā)等課程的教材,也可以作為JavaScript、jQuery初學(xué)者的入門用書,還可以作為高級用戶進(jìn)一步學(xué)習(xí)相關(guān)語言與框架的參考資料。
叢書特色:
(1)編排豐富實戰(zhàn)案例,可掃前言二維碼進(jìn)行快速預(yù)覽。
(2)提供在線實訓(xùn)平臺(http://code.artech.cn),支撐隨時開展全書案例實戰(zhàn)演練。
(3)開源分階實戰(zhàn)項目(http://www.geekfun.website),助力不同層次讀者(學(xué)生)獲取企業(yè)實戰(zhàn)項目開發(fā)能力。
(4)配套多類教輔資源,包含文本類、視頻類(微課視頻)、案例類、平臺類等。
(5)建立教師服務(wù)與交流群(QQ群號:368845661),立體化服務(wù)院校教師教學(xué)。
特別說明:
為了使本書中的案例作用最大化,我們專門為其提供了“在線實訓(xùn)平臺”(http://code.artech.cn)。該平臺的具體功能介紹如下。
【在線實訓(xùn)平臺】功能:
(1)教師可以利用該平臺,在上課過程中直接演練(展示)書中的所有案例,并可通過實時的運行結(jié)果同步講解相關(guān)知識點和技能。
(2)師生可以通過該平臺觀看全書導(dǎo)學(xué)、原理講解、案例講解等視頻,配合實操演練,隨時隨地進(jìn)行學(xué)習(xí),支持開展線上線下混合式教學(xué)。
(3)學(xué)生可以在課前或課后通過該平臺,實操練習(xí)書中的所有案例,實時查看代碼運行結(jié)果,而且所有案例代碼均支持復(fù)制與還原。
(4)學(xué)生還可以通過該平臺實操練習(xí)各章課后的實操題,并可通過微信分享功能,將實操的結(jié)果分享給其他人,如分享給老師進(jìn)行審閱。
說明:掃描“從書序中的二維碼”可以了解該平臺的具體使用方法,教師也可通過“教師用書指導(dǎo)手冊”了解該平臺的具體操作步驟。
溫謙:
## 全棧工程師,前沿科技創(chuàng)始人,現(xiàn)從事企業(yè)大型軟件系統(tǒng)的分析與開發(fā)工作,擁有超20年的軟件開發(fā)經(jīng)驗,主持并成功開發(fā)了多個復(fù)雜系統(tǒng),項目實戰(zhàn)經(jīng)驗豐富。
## 常銷書作者,畢業(yè)于華中科技大學(xué)計算機專業(yè),主編網(wǎng)頁設(shè)計與軟件開發(fā)相關(guān)領(lǐng)域圖書共12本,圖書編寫經(jīng)驗頗豐,其中《HTML+CSS網(wǎng)頁設(shè)計與布局從入門到精通》《網(wǎng)頁設(shè)計與布局項目化教程(HTML+CSS+DIV)》等圖書常銷10余年,被百余所高校選作教材。
## 章名目錄
【上篇】 JavaScript程序開發(fā)
第 1章 JavaScript簡介
第 2章 JavaScript基礎(chǔ)
第3章 程序控制流與函數(shù)
第4章 JavaScript中的對象
第5章 在JavaScript中使用集合
第6章 類與原型鏈
第7章 DOM
第8章 綜合案例一:以迭代方式開發(fā)計算器
【下篇】 jQuery程序開發(fā)
第9章 jQuery基礎(chǔ)
第 10章 jQuery選擇器與管理結(jié)果集
第 11章 使用jQuery控制DOM
第 12章 jQuery事件
第 13章 jQuery的功能函數(shù)
第 14章 jQuery與AJAX
第 15章 jQuery制作動畫與特效
第 16章 jQuery插件
第 17章 綜合案例二:網(wǎng)頁留言本
第 18章 綜合案例三:網(wǎng)頁圖片剪裁器
## 詳細(xì)目錄
【上篇】 JavaScript程序開發(fā)
第 1章 JavaScript簡介
1.1 程序設(shè)計語言與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頁面開發(fā)的主流模式 12
本章小結(jié) 13
習(xí)題1 13
第 2章 JavaScript基礎(chǔ)
2.1 JavaScript的基本語法 14
2.2 使用VS Code編寫第 一個包含JavaScript代碼的頁面 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):賦值語句與表達(dá)式 35
3.2 分支結(jié)構(gòu):條件語句 37
3.2.1 比較運算符 37
3.2.2 邏輯運算符 37
3.2.3 if語句 38
3.2.4 switch語句 39
3.3 循環(huán)語句 41
3.3.1 while語句 41
3.3.2 do…while語句 41
3.3.3 for語句 42
3.3.4 break和continue語句 43
3.3.5 實例:九九乘法表 45
3.3.6 for…of語句 46
3.3.7 for…in語句 47
3.4 函數(shù) 48
3.4.1 定義函數(shù)的基本方法 48
3.4.2 arguments對象 50
3.4.3 實例:楊輝三角 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中的對象
4.1 理解對象的含義 62
4.1.1 理解常見的“類-對象”結(jié)構(gòu) 63
4.1.2 理解JavaScript中的對象 64
4.1.3 在JavaScript中創(chuàng)建對象 65
4.2 時間日期:Date對象 70
4.3 數(shù)學(xué)計算:Math對象 73
4.4 基本類型與裝箱 76
4.4.1 Boolean 77
4.4.2 Number 77
4.4.3 String 78
4.5 BOM簡介 79
4.5.1 window對象 79
4.5.2 location對象 82
4.5.3 navigator對象 83
4.5.4 screen對象 85
4.5.5 history對象 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 對象 96
5.3 集合類型 98
5.3.1 Map集合 98
5.3.2 Set集合 99
本章小結(jié) 101
習(xí)題5 101
第6章 類與原型鏈
6.1 使用類語法實現(xiàn)封裝 103
6.1.1 類的聲明與定義 103
6.1.2 通過類創(chuàng)建對象 104
6.1.3 定義方法與調(diào)用方法 105
6.1.4 存取器 106
6.1.5 static 108
6.1.6 instanceof運算符 108
6.2 使用類語法實現(xiàn)繼承 109
6.3 基于構(gòu)造函數(shù)和原型的面向?qū)ο髾C制 112
6.3.1 封裝 112
6.3.2 繼承 113
6.3.3 原型與原型鏈 115
本章小結(jié) 118
習(xí)題6 118
第7章 DOM
7.1 網(wǎng)頁中的DOM框架 120
7.2 DOM中的節(jié)點 121
7.2.1 元素節(jié)點 121
7.2.2 文本節(jié)點 122
7.2.3 屬性節(jié)點 122
7.3 通過JavaScript訪問DOM 122
7.3.1 訪問節(jié)點 123
7.3.2 檢測節(jié)點類型 124
7.3.3 父子兄關(guān)系 125
7.3.4 節(jié)點的屬性 128
7.3.5 創(chuàng)建和操作節(jié)點 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 事件對象 138
7.6 動手實踐:動態(tài)控制表格 139
7.6.1 動態(tài)添加 140
7.6.2 修改單元格內(nèi)容 142
7.6.3 動態(tài)刪除 143
本章小結(jié) 146
習(xí)題7 146
第8章 綜合案例一:以迭代方式開發(fā)計算器
8.1 案例概述 147
8.2 更新屏幕 149
8.3 按鈕操作 150
8.4 輸入數(shù)字 151
8.5 輸入小數(shù)點 153
8.6 處理運算符 153
8.7 重置計算器 156
8.8 修復(fù)小數(shù)點錯誤 157
8.9 重構(gòu)事件監(jiān)聽器 157
8.10 浮點精度 158
*8.11 實現(xiàn)先乘除后加減 158
*8.12 實現(xiàn)支持括號 160
本章小結(jié) 165
【下篇】 jQuery程序開發(fā)
第9章 jQuery基礎(chǔ)
9.1 jQuery概述 168
9.1.1 jQuery簡介 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 獲取選中元素的個數(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 動態(tài)切換 210
11.2.3 直接獲取、設(shè)置樣式 210
11.3 頁面的元素 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 事件對象 230
12.4 事件觸發(fā) 232
12.5 事件的動態(tài)交替 233
12.5.1 hover事件的交替 233
12.5.2 click事件的交替 234
12.6 事件委托 235
12.7 實例:快餐在線 237
12.7.1 框架搭建 237
12.7.2 添加事件 239
12.7.3 樣式 241
本章小結(jié) 244
習(xí)題12 244
第 13章 jQuery的功能函數(shù)
13.1 處理JavaScript對象 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)識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ù)據(jù)加載 269
14.5 實例:利用jQuery制作自動提示的文本框 271
14.5.1 框架結(jié)構(gòu) 271
14.5.2 匹配用戶輸入 272
14.5.3 顯示清除提示框 273
本章小結(jié) 277
習(xí)題14 277
第 15章 jQuery制作動畫與特效
15.1 元素的顯示和隱藏 279
15.1.1 show()和hide() 279
15.1.2 實例:多級菜單 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 自定義動畫 289
本章小結(jié) 290
習(xí)題15 290
第 16章 jQuery插件
16.1 模擬加入購物車 292
16.1.1 鼠標(biāo)拖曳 292
16.1.2 拖入購物車 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)頁留言本
17.1 基本留言本 309
17.2 改用AJAX方式實現(xiàn)留言本 311
17.2.1 讀取留言列表 311
17.2.2 保存并返回新留言 312
17.2.3 留言本入口頁面 312
17.3 對表單數(shù)據(jù)進(jìn)行驗證 314
本章小結(jié) 315
第 18章 綜合案例三:網(wǎng)頁圖片剪裁器
18.1 整體分析 317
18.2 頁面HTML結(jié)構(gòu)和CSS樣式 318
18.2.1 HTML結(jié)構(gòu) 318
18.2.2 選區(qū)部分的結(jié)構(gòu)與樣式 319
18.3 實現(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