Web前端開發(fā)：交互式設計（JavaScript+jQuery）

單元1　JavaScript概述 1
1.1 認識JavaScript 1
1.1.1 什么是JavaScript 1
1.1.2 JavaScript的發(fā)展歷程 2
1.1.3 JavaScript的用途 3
1.1.4 JavaScript的組成 4
1.2 搭建JavaScript開發(fā)環(huán)境 5
1.2.1 選擇JavaScript腳本編輯器 5
1.2.2 安裝與配置Visual Studio Code 6
1.2.3 安裝并使用Node.js 9
1.2.4 安裝與配置http-server 10
1.3 在HTML中使用JavaScript 10
1.3.1 嵌入HTML文檔中的腳本 11
1.3.2 引入外部JavaScript文件的腳本 11
1.3.3 嵌入HTML標簽事件中的腳本 12
單元2　JavaScript基礎 14
2.1 JavaScript詞法符號 14
2.1.1 字符集 14
2.1.2 字母大小寫敏感性 14
2.1.3 空白符和換行符 15
2.1.4 可選擇的分號 15
2.1.5 注釋與文本換行符 15
2.1.6 標識符 15
2.1.7 關鍵字與保留字 15
2.2 數(shù)據(jù)類型 16
2.2.1 Boolean 16
2.2.2 Null 17
2.2.3 Undefined 17
2.2.4 Number 17
2.2.5 BigInt 18
2.2.6 String 18
2.2.7 Symbol 19
2.2.8 Object 20
2.3 變量 21
2.3.1 什么是變量 21
2.3.2 使用var定義變量 21
2.3.3 使用let定義變量 22
2.3.4 變量的賦值 23
2.3.5 變量的作用域 23
2.4 常量 24
2.4.1 符號常量 24
2.4.2 字面量 25
2.5 運算符和表達式 28
2.5.1 算術運算符 28
2.5.2 賦值運算符 29
2.5.3 關系運算符 29
2.5.4 邏輯運算符 29
2.5.5 相加運算符 30
2.5.6 其他運算符 30
2.5.7 運算符優(yōu)先級 31
2.5.8 JavaScript表達式 31
2.5.9 數(shù)據(jù)類型轉換 33
2.6 語句 34
2.6.1 if語句 34
2.6.2 if...else語句 35
2.6.3 switch語句 35
2.6.4 for語句 37
2.6.5 while語句 38
2.6.6 do...while語句 40
2.6.7 for...in語句 40
2.6.8 for...of語句 41
2.6.9 label語句 41
2.6.10 break語句 41
2.6.11 continue語句 41
2.6.12 throw語句 42
2.6.13 try...catch語句 42
2.6.14 try...catch...finally語句 43
2.6.15 空語句 44
2.6.16 定義語句 44
2.6.17 return語句 44
單元3　JavaScript函數(shù) 45
3.1 認識函數(shù) 45
3.1.1 什么是函數(shù) 45
3.1.2 函數(shù)聲明 46
3.1.3 函數(shù)調用 47
3.1.4 函數(shù)作用域 49
3.1.5 函數(shù)提升 50
3.2 函數(shù)參數(shù)與返回值 50
3.2.1 函數(shù)參數(shù) 50
3.2.2 函數(shù)返回值 53
3.3 箭頭函數(shù) 54
3.3.1 使用箭頭函數(shù)聲明函數(shù) 54
3.3.2 箭頭函數(shù)的特征 54
3.4 閉包函數(shù) 55
3.4.1 理解閉包 55
3.4.2 閉包函數(shù)的實現(xiàn) 55
3.5 遞歸函數(shù) 56
3.5.1 理解遞歸函數(shù) 56
3.5.2 尾調用優(yōu)化 56
3.6 系統(tǒng)函數(shù) 57
3.6.1 encodeURI()函數(shù) 57
3.6.2 decodeURI()函數(shù) 57
3.6.3 parseInt函數(shù) 57
3.6.4 parseFloat()函數(shù) 58
3.6.5 isNaN()函數(shù) 58
3.6.6 eval()函數(shù) 58
單元4　面向對象編程 62
4.1 理解對象 62
4.1.1 對象的基本概念 62
4.1.2 屬性類型 63
4.1.3 定義多個屬性 65
4.1.4 讀取屬性的特征 66
4.2 創(chuàng)建對象 67
4.2.1 構造函數(shù)模式 67
4.2.2 原型模式 67
4.2.3 對象迭代 68
4.3 繼承 69
4.3.1 認識原型鏈 69
4.3.2 原型式繼承 71
4.3.3 寄生式繼承 71
4.3.4 寄生式組合繼承 72
4.4 類 73
4.4.1 類定義 73
4.4.2 類構造函數(shù) 73
4.4.3 類成員 74
4.4.4 繼承 76
單元5　JavaScript內(nèi)置對象 80
5.1 Object對象 80
5.1.1 創(chuàng)建Object對象 80
5.1.2 Object對象常用屬性 82
5.1.3 Object對象常用方法 82
5.2 Function對象 83
5.2.1 創(chuàng)建Function對象 84
5.2.2 Function對象常用屬性 84
5.2.3 Function對象常用方法 84
5.3 Array對象 84
5.3.1 創(chuàng)建Array對象 85
5.3.2 Array對象常用屬性 85
5.3.3 Array對象常用方法 86
5.4 String對象 94
5.4.1 創(chuàng)建String對象 95
5.4.2 String對象常用屬性 95
5.4.3 String對象常用方法 95
5.5 Boolean對象 97
5.5.1 創(chuàng)建Boolean對象 97
5.5.2 Boolean對象常用屬性 97
5.5.3 Boolean對象常用方法 97
5.6 Number對象 98
5.6.1 創(chuàng)建Number對象 98
5.6.2 Number對象常用屬性 98
5.6.3 Number對象常用方法 99
5.7 Date對象 100
5.7.1 創(chuàng)建Date對象 100
5.7.2 Date對象常用屬性 100
5.7.3 Date對象常用方法 100
5.8 RegExp對象 103
5.8.1 認識正則表達式 104
5.8.2 創(chuàng)建RegExp對象 104
5.8.3 正則表達式中的特殊字符 104
5.8.4 RegExp對象常用屬性 106
5.8.5 RegExp對象常用方法 106
5.9 Math對象 113
5.9.1 Math對象常用屬性 114
5.9.2 Math對象常用方法 114
單元6　BOM編程 117
6.1 認識BOM 117
6.1.1 什么是BOM 117
6.1.2 BOM的層次結構 118
6.2 window對象 118
6.2.1 window對象常用屬性 118
6.2.2 window對象常用方法 119
6.3 document對象 124
6.3.1 document對象常用屬性 124
6.3.2 document對象常用方法 125
6.4 history對象 127
6.4.1 history對象常用屬性 127
6.4.2 history對象常用方法 127
6.5 location對象 129
6.5.1 location對象常用屬性 129
6.5.2 location對象常用方法 131
6.6 navigator對象 132
6.6.1 navigator對象常用屬性 132
6.6.2 navigator對象常用方法 132
單元7　DOM編程 134
7.1 認識DOM 134
7.1.1 什么是DOM 134
7.1.2 DOM類型 135
7.1.3 DOM節(jié)點 136
7.2 DOM節(jié)點操作 137
7.2.1 訪問節(jié)點 137
7.2.2 創(chuàng)建節(jié)點 140
7.2.3 添加節(jié)點 140
7.2.4 插入節(jié)點 141
7.2.5 刪除節(jié)點 142
7.3 DOM樣式操作 145
7.3.1 存取元素樣式 145
7.3.2 存取元素尺寸 147
7.3.3 存取元素位置 148
7.3.4 操作className屬性 150
單元8　DOM事件 155
8.1 認識DOM事件 155
8.1.1 什么是事件 155
8.1.2 事件的組成 156
8.1.3 事件的傳播 156
8.2 事件處理程序 158
8.2.1 HTML事件處理程序 159
8.2.2 DOM0級事件處理程序 159
8.2.3 DOM2級事件處理程序 161
8.3 事件對象 162
8.3.1 DOM事件對象常用屬性 162
8.3.2 DOM事件對象常用方法 162
8.4 事件類型 163
8.4.1 UI事件 164
8.4.2 焦點事件 166
8.4.3 鼠標事件 168
8.4.4 滾輪事件 169
8.4.5 輸入事件 170
8.4.6 鍵盤事件 171
單元9　利用jQuery編程 185
9.1 認識jQuery 185
9.1.1 jQuery簡介 185
9.1.2 jQuery的特點 186
9.1.3 jQuery代碼編寫方法 186
9.1.4 jQuery對象與DOM對象的轉換 187
9.2 jQuery選擇器 187
9.2.1 認識jQuery選擇器 187
9.2.2 jQuery選擇器分類 188
9.2.3 jQuery中元素屬性的操作 191
9.2.4 jQuery中樣式類的操作 192
9.2.5 jQuery中樣式屬性的操作 193
9.2.6 jQuery中元素內(nèi)容的操作 193
9.2.7 在jQuery中查找元素集合中的元素 194
9.3 jQuery中的DOM操作 196
9.3.1 創(chuàng)建元素 196
9.3.2 插入元素 196
9.3.3 復制元素 197
9.3.4 替換元素 198
9.3.5 包裹元素 198
9.3.6 刪除元素 198
9.4 jQuery中的事件處理 201
9.4.1 jQuery中的事件處理機制 201
9.4.2 jQuery中的頁面載入事件 201
9.4.3 jQuery中的事件綁定 201
9.4.4 jQuery中的事件冒泡 203
9.4.5 jQuery中的合成事件 204
9.4.6 jQuery中的模擬事件觸發(fā)操作 205
9.5 jQuery中的動畫 209
9.5.1 顯示和隱藏效果 209
9.5.2 滑動效果 210
9.5.3 淡入淡出效果 211
9.5.4 自定義動畫 212
9.6 jQuery中的AJAX 214
9.6.1 認識AJAX 214
9.6.2 jQuery中的AJAX方法 215
9.6.3 jQuery中的AJAX事件 216
單元10　利用JavaScript/jQuery設計個性化網(wǎng)站 218
10.1 建設目標 218
10.1.1 展示公司形象 218
10.1.2 獲得更多目標用戶 218
10.1.3 開拓市場 219
10.2 網(wǎng)站規(guī)劃 219
10.2.1 市場分析 219
10.2.2 網(wǎng)站建設目標和功能 219
10.2.3 網(wǎng)站建設中所使用的技術 219
10.2.4 網(wǎng)站建設內(nèi)容 220
10.3 網(wǎng)站設計 220
10.3.1 設計目標 220
10.3.2 網(wǎng)站結構設計 220
10.3.3 網(wǎng)頁效果設計 221
10.4 網(wǎng)頁制作 224
10.4.1 制作首頁 224
10.4.2 制作“聯(lián)系我們”網(wǎng)頁 235