JavaScript+jQuery互動式Web前端開發

《JavaScript+jQuery互動式Web前端開發》是2020年人民郵電出版社出版的圖書，作者是黑馬程式設計師。

基本介紹

• 中文名：JavaScript+jQuery互動式Web前端開發
• 作者：黑馬程式設計師
• 出版社：人民郵電出版社
• ISBN：9787115526809

內容簡介

本書是一本入門教材，以通俗易懂的語言、豐富實用的案例，詳細講解了JavaScript的開發技術。

全書共14章：第1章講解JavaScript的基本概念；第2、3章講解JavaScript的基礎語法；第4章講解JavaScript函式的基本使用；第5章講解JavaScript對象的相關內容；第6~8章講解DOM、BOM的相關內容；第9章講解如何用JavaScript開發網頁特效；第10、11章講解jQuery的使用，以及如何利用jQuery開發網頁中常見的互動效果；第12、13章講解JavaScript面向對象編程；第14章講解正則表達式的使用。

本書既可作為高等教育本、專科院校計算機相關專業的Web前端開發課程的教材，也可作為廣大IT技術人員和編程愛好者的讀物。

圖書目錄

第 1章　初識JavaScript 001

學習目標　001

1．1　什麼是JavaScript　001

1．1．1　JavaScript概述　001

1．1．2　JavaScript的誕生與發展　002

1．1．3　JavaScript的特點　004

1．1．4　JavaScript的組成　004

1．2　常用開發工具　005

1．3　JavaScript入門　005

1．3．1　代碼書寫位置　006

1．3．2　注釋　008

1．3．3　輸入和輸出語句　009

1．3．4　控制台的使用　010

1．4　JavaScript變數　010

1．4．1　什麼是變數　011

1．4．2　變數的使用　011

1．4．3　變數的套用案例　011

1．4．4　變數的語法細節　012

1．4．5　變數的命名規範　013

1．4．6　【案例】交換兩個變數的值　014

本章小結　015

課後練習　015

第　2章 JavaScript基礎（上）　016

學習目標　016

2．1　數據類型　016

2．1．1　變數的數據類型　016

2．1．2　數據類型分類　017

2．1．3　數字型　017

2．1．4　字元串型　018

2．1．5　布爾型　020

2．1．6　　020

2．1．7　數據類型檢測　020

2．2　數據類型轉換　021

2．2．1　轉換為字元串型　021

2．2．2　轉換為數字型　022

2．2．3　轉換為布爾型　023

2．3　運算符　023

2．3．1　算術運算符　024

2．3．2　遞增和遞減運算符　024

2．3．3　比較運算符　025

2．3．4　邏輯運算符　026

2．3．5　賦值運算符　027

2．3．6　三元運算符　028

2．3．7　運算符優先權　028

2．4　流程控制　029

2．5　分支結構　030

2．5．1　if語句　030

2．5．2　if…else語句　030

2．5．3　if…else if語句　032

2．5．4　switch語句　032

2．5．5　【案例】查詢水果的價格　034

本章小結　034

課後練習　035

第3章　JavaScript基礎（下）　036

學習目標　036

3．1　循環結構　036

3．1．1　for語句　036

3．1．2　for循環案例　038

3．1．3　循環嵌套案例　040

3．1．4　while語句　041

3．1．5　do…while語句　042

3．1．6　continue關鍵字　043

3．1．7　break關鍵字　043

3．2　初識數組　044

3．2．1　創建數組　044

3．2．2　訪問數組元素　044

3．2．3　數組遍歷　045

3．3　數組案例　045

3．3．1　獲取數組元素中的最大值　045

3．3．2　數組轉換為字元串　046

3．4　數組元素操作　046

3．4．1　修改數組長度　046

3．4．2　新增或修改數組元素　047

3．4．3　篩選數組　047

3．4．4　刪除指定的數組元素　048

3．4．5　反轉數組元素順序　048

3．5　數組排序算法　049

3．5．1　冒泡排序　050

3．5．2　插入排序　050

3．6　二維數組　052

3．6．1　創建二維數組　052

3．6．2　二維數組求和　052

3．6．3　二維數組轉置　053

本章小結　054

課後練習　054

第4章　JavaScript函式　055

學習目標　055

4．1　初識函式　055

4．1．1　函式的使用　055

4．1．2　什麼是函式　056

4．1．3　函式的參數　056

4．1．4　函式參數的數量　057

4．1．5　函式的返回值　057

4．2　函式返回值案例　058

4．2．1　利用函式求任意兩個數的最大值　058

4．2．2　利用函式求任意一個數組中的最大值　059

4．2．3　利用return提前終止函式　059

4．2．4　利用return返回數組　059

4．3　函式綜合案例　060

4．3．1　利用函式求所有參數中的最大值　060

4．3．2　利用函式反轉數組元素順序　061

4．3．3　利用函式判斷閏年　061

4．3．4　獲取指定年份的2月份的天數　061

4．4　函式進階　062

4．4．1　函式表達式　062

4．4．2　回調函式　062

4．4．3　遞歸調用　063

4．5　作用域　064

4．5．1　作用域的分類　064

4．5．2　全局變數和局部變數　064

4．5．3　作用域鏈　065

4．6　閉包函式　065

4．6．1　什麼是閉包函式　065

4．6．2　閉包函式的實現　066

4．7　預解析　066

本章小結　067

課後練習　067

第5章　JavaScript對象　069

學習目標　069

5．1　初識對象　069

5．1．1　什麼是對象　069

5．1．2　利用字面量創建對象　070

5．1．3　訪問對象的屬性和方法　071

5．1．4　利用new Object創建對象　071

5．1．5　利用構造函式創建對象　072

5．1．6　遍歷對象的屬性和方法　073

5．2　內置對象　074

5．2．1　通過查閱文檔熟悉內置對象　074

5．2．2　【案例】封裝自己的數學對象　076

5．3　Math對象　076

5．3．1　Math對象的使用　076

5．3．2　生成指定範圍的隨機數　077

5．3．3　【案例】猜數字遊戲　077

5．4　日期對象　078

5．4．1　日期對象的使用　078

5．4．2　【案例】統計代碼執行時間　080

5．4．3　【案例】倒計時　080

5．5　數組對象　081

5．5．1　數組類型檢測　081

5．5．2　添加或刪除數組元素　082

5．5．3　【案例】篩選數組　083

5．5．4　數組排序　083

5．5．5　數組索引　083

5．5．6　【案例】數組去除重複元素　084

5．5．7　數組轉換為字元串　084

5．5．8　其他方法　085

5．6　字元串對象　085

5．6．1　字元串對象的使用　086

5．6．2　根據字元返回位置　086

5．6．3　根據位置返回字元　087

5．6．4　【案例】統計出現最多的字元和次數　087

5．6．5　字元串操作方法　088

5．6．6　【案例】判斷用戶名是否合法　089

5．7　值類型和引用類型　089

本章小結　090

課後練習　091

第6章　DOM（上）　092

學習目標　092

6．1　Web API簡介　092

6．1．1　初識Web API　092

6．1．2　Web API與API的關係　093

6．2　DOM簡介　093

6．2．1　什麼是DOM　093

6．2．2　DOM樹　093

6．3　獲取元素　094

6．3．1　根據id獲取元素　094

6．3．2　根據標籤獲取元素　095

6．3．3　根據name獲取元素　096

6．3．4　HTML5新增的獲取方式　096

6．3．5　document對象的屬性　098

6．4　事件基礎　099

6．4．1　事件概述　099

6．4．2　事件三要素　099

6．5　操作元素　100

6．5．1　操作元素內容　100

6．5．2　操作元素屬性　101

6．5．3　【案例】顯示隱藏密碼明文　102

6．5．4　操作元素樣式　103

6．5．5　【案例】顯示隱藏文本框內容　106

本章小結　107

課後練習　107

第7章　DOM（下）　109

學習目標　109

7．1　排他操作　109

7．1．1　排他思想簡介　109

7．1．2　【案例】滑鼠指針經過時背景變色　110

7．2　屬性操作　112

7．2．1　獲取屬性值　112

7．2．2　設定屬性值　112

7．2．3　移除屬性　113

7．2．4　【案例】Tab欄切換　114

7．3　自定義屬性　116

7．3．1　設定屬性值　116

7．3．2　獲取屬性值　117

7．4　節點基礎　117

7．4．1　什麼是節點　117

7．4．2　節點層級　118

7．4．3　【案例】下拉選單　121

7．5　節點操作　123

7．5．1　創建節點　123

7．5．2　添加和刪除節點　123

7．5．3　【案例】簡易留言板　123

7．5．4　複製節點　125

7．6　事件進階　126

7．6．1　註冊事件　126

7．6．2　刪除事件　128

7．6．3　DOM事件流　128

7．7　事件對象　129

7．7．1　什麼是事件對象　129

7．7．2　事件對象的使用　129

7．7．3　事件對象的常用屬性和方法　130

7．8　滑鼠事件　132

7．8．1　滑鼠事件的常用方法　132

7．8．2　滑鼠事件對象　133

7．8．3　【案例】圖片跟隨滑鼠指針移動　134

7．9　鍵盤事件　135

7．9．1　鍵盤事件的常用方法　135

7．9．2　鍵盤事件對象　135

7．9．3　【案例】文本框提示信息　136

本章小結　137

課後練習　137

第8章　BOM　140

學習目標　140

8．1　BOM簡介　140

8．1．1　什麼是BOM　140

8．1．2　BOM與DOM的區別　140

8．1．3　BOM的構成　141

8．2　window對象的常見事件　141

8．2．1　視窗載入事件　141

8．2．2　調整視窗大小事件　142

8．3　定時器　143

8．3．1　定時器方法　143

8．3．2　【案例】3秒後自動關閉廣告　144

8．3．3　【案例】60秒內只能傳送一次簡訊　144

8．4　JavaScript執行機制　146

8．4．1　單執行緒　146

8．4．2　同步和異步　146

8．4．3　執行機制　146

8．5　location對象　147

8．5．1　URL的組成　147

8．5．2　location的常用屬性　148

8．5．3　【案例】獲取URL參數　148

8．5．4　location的常用方法　149

8．6　navigator對象　149

8．7　history對象　150

本章小結　151

課後練習　151

第9章　JavaScript的網頁特效　152

學習目標　152

9．1　元素偏移量offset系列　152

9．1．1　offset概述　152

9．1．2　offset與style的區別　154

9．1．3　【案例】模態框拖曳效果　155

9．1．4　【案例】放大鏡效果　159

9．2　元素可視區client系列　164

9．3　元素滾動scroll系列　165

9．3．1　scroll概述　165

9．3．2　【案例】固定側邊欄效果　167

本章小結　171

課後練習　171

第　10章 jQuery（上）　173

學習目標　173

10．1　初識jQuery　173

10．1．1　什麼是jQuery　173

10．1．2　獲取jQuery　174

10．1．3　使用jQuery　175

10．1．4　jQuery對象　177

10．2　jQuery選擇器　178

10．2．1　基本選擇器　178

10．2．2　層級選擇器　179

10．2．3　篩選選擇器　180

10．2．4　【案例】下拉選單　181

10．2．5　排他思想　182

10．2．6　【案例】精品展示　182

10．2．7　其他選擇器　184

10．3　jQuery樣式操作　186

10．3．1　修改樣式　187

10．3．2　類操作　187

10．3．3　【案例】Tab欄切換　189

10．4　jQuery動畫　190

10．4．1　顯示與隱藏效果　190

10．4．2　滑動效果　192

10．4．3　停止動畫　193

10．4．4　淡入淡出　194

10．4．5　自定義動畫　195

10．4．6　【案例】手風琴　196

本章小結　199

課後練習　199

第　11章 jQuery（下）　201

學習目標　201

11．1　jQuery屬性操作　201

11．1．1　prop()方法　201

11．1．2　attr()方法　202

11．1．3　data()方法　202

11．1．4　【案例】購物車商品全選　203

11．2　jQuery內容操作　206

11．2．1　jQuery中的內容操作方法　206

11．2．2　【案例】在購物車中增減商品數量　207

11．2．3　【案例】購物車商品小計　208

11．3　jQuery元素操作　209

11．3．1　遍曆元素　209

11．3．2　【案例】計算購物車商品總件數和總額　210

11．3．3　創建元素　211

11．3．4　添加元素　212

11．3．5　刪除元素　212

11．3．6　【案例】在購物車中刪除商品　213

11．3．7　【案例】在購物車中為選中的商品添加背景色　213

11．4　jQuery尺寸和位置操作　214

11．4．1　尺寸方法　214

11．4．2　位置方法　215

11．4．3　【案例】帶有動畫效果的返回頂部　217

11．4．4　【案例】電梯導航　219

11．5　jQuery事件　221

11．5．1　事件綁定　221

11．5．2　事件委派　223

11．5．3　【案例】留言板　224

11．5．4　事件解綁　225

11．5．5　觸發事件　226

11．5．6　事件對象　227

11．6　jQuery其他方法　228

11．6．1　$．extend()方法　228

11．6．2　$．ajax()方法　229

本章小結　232

課後練習　232

第　12章 JavaScript面向對象（上）　234

學習目標　234

12．1　面向對象概述　234

12．1．1　面向過程與面向對象　234

12．1．2　面向對象的優勢　235

12．1．3　面向對象的特徵　235

12．2　ES 6面向對象語法　236

12．2．1　類和對象　236

12．2．2　類的基本語法　237

12．2．3　類中的方法　237

12．2．4　繼承　237

12．2．5　super關鍵字　238

12．3　面向對象開發標籤頁組件　239

12．3．1　功能分析　240

12．3．2　頁面結構　240

12．3．3　切換標籤頁　242

12．3．4　添加標籤頁　243

12．3．5　刪除標籤頁　245

12．3．6　修改標籤頁　246

本章小結　247

課後練習　247

第　13章 JavaScript面向對象（下）　249

學習目標　249

13．1　構造函式與原型對象　249

13．1．1　構造函式　249

13．1．2　靜態成員和實例成員　250

13．1．3　構造函式和類的區別　250

13．1．4　原型對象　251

13．2　原型鏈　251

13．2．1　訪問對象的原型對象　251

13．2．2　訪問對象的構造函式　252

13．2．3　原型對象的原型對象　253

13．2．4　繪製原型鏈　254

13．2．5　成員查找機制　255

13．2．6　【案例】利用原型對象擴展數組方法　256

13．3　this的指向　256

13．3．1　分析this指向　256

13．3．2　更改this指向　257

13．4　錯誤處理　258

13．4．1　如何進行錯誤處理　258

13．4．2　錯誤對象的傳遞　259

13．4．3　拋出錯誤對象　259

13．4．4　錯誤類型　260

13．5　繼承　260

13．5．1　借用構造函式繼承父類屬性　260

13．5．2　利用原型對象繼承父類方法　261

本章小結　262

課後練習　263

第　14章 正則表達式　265

學習目標　265

14．1　認識正則表達式　265

14．1．1　什麼是正則表達式　265

14．1．2　正則表達式的特點　265

14．1．3　正則表達式的使用　266

14．1．4　模式修飾符　266

14．2　正則表達式中的特殊字元　267

14．2．1　邊界符　267

14．2．2　預定義類　267

14．2．3　字元類　268

14．2．4　取反符　269

14．2．5　【案例】用戶名驗證　269

14．3　量詞符與括弧字元　270

14．3．1　量詞符　270

14．3．2　括弧字元　271

14．3．3　正則表達式優先權　274

14．3．4　【案例】身份證號碼驗證　274

14．4　String類中的方法　275

14．4．1　match()方法　276

14．4．2　search()方法　276

14．4．3　split()方法　276

14．4．4　replace()方法　277

14．4．5　【案例】查找並替換敏感詞　277

本章小結　278

課後練習　278