Web前端交互設計技術

浦雲明，黃磊，王穎 主編 劉倩，張峻通，孫才華，張安妮 副主編

Web前端交互設計技術 預覽內頁
  • 出版商: 清華大學
  • 出版日期: 2026-07-01
  • 售價: $414
  • 語言: 簡體中文
  • ISBN: 7302721432
  • ISBN-13: 9787302721437
  • 相關分類: Ajax、JavaScript

    • 下單後立即進貨 (約4週~6週)

  • Web前端交互設計技術-preview-1
  • Web前端交互設計技術-preview-2
  • Web前端交互設計技術-preview-3
  • Web前端交互設計技術-preview-4
  • Web前端交互設計技術-preview-5
  • Web前端交互設計技術-preview-6
  • Web前端交互設計技術-preview-7
Web前端交互設計技術-preview-1

商品描述

本書介紹了Web前端開發交互設計技術，包括HTML5和CSS3技術基礎，JavaScript和jQuery交互設計技術，JavaScript面向對象技術理論和正則表達式等內容。本書內容清晰，體現了案例驅動教學改革方法，實現邊學邊用、精講多練的教學目標。為適應新技術發展，書中案例引導讀者使用大模型進行優化，提升程序設計技術能力。本書配套資源豐富，包括教學大綱、教學PPT、源代碼、習題答案等。 本書適用於計算機類本科專業，尤其是應用型本科和專科的課程教學，也可作為Web工程技術人員的參考書。

作者簡介

浦雲明，畢業於西安交通大學和南京航空航天大學, 分別獲得工學學士和工學碩士學位,集美大學教授,主編教材一部.主講軟件測試,離散數學等課程。

目錄大綱

目錄

 

 

第1章HTML5基礎1

1.1HTML5發展歷程1

1.1.1HTML1

1.1.2HTML51

1.2開發工具2

1.2.1HBuilder2

1.2.2VS Code2

1.2.3在線工具4

1.3HTML5基本結構4

1.3.1文檔類型聲明<!DOCTYPE>4

1.3.2根標簽<html>5

1.3.3頭部標簽<head>5

1.3.4主體標簽<body>7

1.3.5HTML5文檔註釋7

1.3.6HTML5文檔規範8

1.4HTML5常用標簽9

1.4.1基礎標簽9

1.4.2文本格式化標簽11

1.4.3圖像標簽12

1.4.4列表標簽12

1.4.5超鏈接標簽16

1.4.6表格標簽17

1.4.7框架標簽20

1.4.8容器標簽21

1.4.9HTML5新增語義化標簽22

1.5表單23

1.5.1表單概述241.5.2<form>標簽24

1.5.3輸入標簽<input>25

1.5.4下拉選擇列表標簽<select>29

1.5.5多行文本標簽<textarea>31

1.5.6表單控件關聯標簽<label>32

1.5.7分組標簽<fieldset>和組標題標簽<legend>33

1.5.8HTML5新增表單元素35

習題37

 

第2章CSS339

2.1CSS3簡介39

2.1.1CSS3基本語法39

2.1.2CSS3樣式39

2.2CSS3選擇器41

2.2.1標簽選擇器41

2.2.2類選擇器42

2.2.3ID選擇器42

2.2.4復合選擇器43

2.2.5偽元素選擇器48

2.2.6偽類選擇器49

2.3CSS基礎樣式50

2.3.1文字樣式50

2.3.2圖片樣式54

2.3.3背景樣式55

2.4CSS布局57

2.4.1盒子模型57

2.4.2Flex布局59

2.4.3Grid布局70

習題74

 

第3章JavaScript基礎77

3.1JavaScript的特點77

3.2JavaScript的功能77

3.2.1JavaScript輸出命令78

3.2.2ECMAScript語法特征78

3.2.3瀏覽器對象模型79

3.2.4文檔對象模型80

3.3JavaScript的使用80

3.3.1JavaScript引入方式80

3.3.2<script>標簽的常用屬性81

3.3.3延遲腳本82

3.3.4異步腳本82

3.4JavaScript變量83

3.4.1變量的聲明83

3.4.2變量的數據類型84

3.4.3變量的值89

3.4.4變量的作用域90

3.4.5變量提升92

3.5const常量94

3.6運算符95

3.7類型轉換98

3.7.1顯式類型轉換98

3.7.2隱式類型轉換99

3.8條件語句100

3.8.1if語句101

3.8.2ifelse語句101

3.8.3ifelse ifelse語句101

3.8.4嵌套的if語句102

3.8.5switch語句103

3.9循環語句103

3.9.1while語句104

3.9.2dowhile語句104

3.9.3for語句105

3.9.4forin語句105

3.9.5break關鍵字106

3.9.6continue關鍵字106

3.9.7標簽107

習題107

 

第4章數組109

4.1數組概述109

4.2數組的聲明和使用109

4.2.1數組的聲明109

4.2.2數組的初始化110

4.2.3length屬性111

4.2.4訪問數組元素111

4.2.5數組元素的增刪112

4.2.6數組的遍歷113

4.3二維數組114

4.3.1二維數組初始化和賦值114

4.3.2二維數組的遍歷115

4.4數組的內置方法115

4.4.1數組對象都是Array類型的實例115

4.4.2Array類型的常用方法116

4.4.3數組方法實用案例117

習題120

 

第5章函數121

5.1函數聲明121

5.2函數參數122

5.2.1參數規則122

5.2.2參數傳遞方式123

5.2.3返回值124

5.3函數調用124

5.3.1以函數形式調用124

5.3.2作為方法調用124

5.3.3作為構造函數調用124

5.3.4使用call()和apply()調用125

5.3.5函數實用案例125

習題126

 

第6章類和對象128

6.1面向對象特征128

6.2類129

6.2.1定義屬性130

6.2.2定義方法131

6.2.3定義構造器132

6.2.4this關鍵字132

6.3對象133

6.3.1創建對象133

6.3.2使用對象135

6.4對象實例138

6.5對象的遍歷139

6.5.1forin語法139

6.5.2forin和forof的區別140

6.5.3可疊代類型141

6.5.4in運算符142

習題143

 

第7章內置對象和錯誤處理145

7.1Object類型145

7.2Date類型147

7.2.1Date類型的常用方法147

7.2.2Date類型案例149

7.3包裝類型150

7.3.1Number類型151

7.3.2String類型154

7.3.3Boolean類型160

7.4Map類型162

7.5Set類型163

7.6單體內置對象164

7.6.1Global對象164

7.6.2Math對象166

7.7錯誤處理168

7.7.1錯誤對象168

7.7.2錯誤類型169

7.7.3註冊錯誤事件處理程序171

7.7.4trycatchfinally171

7.7.5throw173

習題176

 

第8章繼承178

8.1類的繼承178

8.1.1類式繼承178

8.1.2原型鏈繼承180

8.1.3extends關鍵字181

8.1.4super關鍵字182

8.1.5私有關鍵字#182

8.1.6static關鍵字184

8.1.7getter/setter185

8.2繼承實用案例186

8.3原型188

8.3.1原型概述188

8.3.2原型鏈189

8.3.3prototype189

8.3.4__proto__190

8.3.5對象屬性的查找規則190

習題191

 

第9章瀏覽器對象模型和事件194

9.1BOM對象194

9.1.1Window對象195

9.1.2Location對象197

9.1.3History對象198

9.1.4Navigator對象198

9.1.5Screen對象199

9.1.6Cookie199

9.2事件199

9.2.1事件的定義199

9.2.2事件傳播機制200

9.2.3事件的三要素201

9.2.4註冊事件處理程序202

9.2.5事件處理循環機制203

習題207

 

第10章文檔對象模型209

10.1DOM的概念209

10.2DOM中的類型體系210

10.2.1Node類型210

10.2.2Document類型212

10.2.3Element類型213

10.3DOM的基本應用214

10.3.1節點和元素的異同214

10.3.2NodeList和HTMLCollection的異同216

10.3.3使用節點操作文檔對象218

10.3.4使用元素操作文檔對象221

10.3.5DOM事件224

10.4DOM實用案例225

習題228

 

第11章jQuery初步230

11.1jQuery概述230

11.1.1jQuery的作用230

11.1.2下載並載入jQuery231

11.1.3第一個jQuery程序232

11.2jQuery的基本應用233

11.2.1$(document).ready()函數233

11.2.2獲得jQuery對象（選擇器）233

11.2.3jQuery對象常用方法237

11.2.4jQuery事件處理242

11.2.5鏈式調用245

11.3jQuery操作文檔對象245

11.3.1遍歷245

11.3.2$(selector).each()方法249

11.3.3$.each()方法251

11.3.4新增252

11.3.5刪除253

11.3.6修改254

11.4jQuery實用案例257

11.4.1案例1257

11.4.2案例2258

習題260

 

第12章jQuery選擇器與事件262

12.1jQuery選擇器262

12.1.1層級選擇器262

12.1.2過濾選擇器265

12.1.3find()方法和filter()方法274

12.2jQuery事件詳解275

12.2.1jQuery事件類型275

12.2.2通用事件綁定與解除綁定283

12.2.3自定義事件及其觸發287

12.2.4事件委托289

12.3jQuery實用案例290

12.3.1案例1290

12.3.2案例2292

習題295

 

第13章函數高級特性297

13.1Function類型297

13.1.1Function類型簡介297

13.1.2Function類型的常用屬性300

13.1.3Function類型的常用方法302

13.2構造函數304

13.2.1什麼是構造函數304

13.2.2構造函數的內部工作原理306

13.3函數的this指針307

13.4this的指向309

13.4.1普通函數使用的this310

13.4.2對象方法使用的this310

13.4.3構造函數使用的this311

13.4.4call()和apply()方法中的this311

13.4.5bind()方法中的this312

13.4.6其他應用中的this312

習題313

 

第14章正則表達式315

14.1正則表達式概述315

14.2正則表達式的基本應用317

14.2.1正則表達式的定義317

14.2.2正則表達式的常用方法320

14.3正則表達式詳解324

14.3.1元字符324

14.3.2字符類326

14.3.3範圍類326

14.3.4預定義類327

14.3.5邊界328

14.3.6量詞329

14.3.7貪婪模式和非貪婪模式330

14.3.8分組331

習題332

 

參考文獻334

類似商品