Web前端開發(fā)——交互式設(shè)計(JavaScript+jQuery)
定 價:49 元
- 作者:孫佳帝
- 出版時間:2023/6/1
- ISBN:9787121448850
- 出 版 社:電子工業(yè)出版社
- 中圖法分類:TP393.092.2;TP312.8
- 頁碼:250
- 紙張:
- 版次:01
- 開本:16開
本書是針對零基礎(chǔ)讀者編寫的動態(tài)網(wǎng)站開發(fā)入門教材,循序漸進地介紹了JavaScript開發(fā)技術(shù)。依據(jù)Web前端開發(fā)崗位的職業(yè)能力要求,本書重點介紹了JavaScript 的核心技術(shù),并在此基礎(chǔ)上詳細講解了jQuery框架的使用方法。本書使用熱點案例,可以讓初學者快速掌握動態(tài)網(wǎng)站開發(fā)技術(shù)。通過掃描二維碼,讀者可以進行課堂訓練,進一步鞏固所學知識,提高實際開發(fā)能力。本書內(nèi)容全面,結(jié)合ECMAScript6(簡稱ES6)標準,重點突出,易于理解,每章內(nèi)容簡潔緊湊,從最佳實踐的角度入手,為讀者更好地使用JavaScript及jQuery框架開發(fā)動態(tài)網(wǎng)頁提供了很好的指導。本書分為10個單元,前9個單元包括JavaScript概述、JavaScript基礎(chǔ)、JavaScript函數(shù)、面向?qū)ο缶幊獭avaScript內(nèi)置對象、BOM編程、DOM編程、DOM事件、利用jQuery編程。最后一個單元通過利用JavaScript/jQuery設(shè)計一個個性化網(wǎng)站,以提升讀者的綜合技能。本書適合作為高等職業(yè)院校軟件技術(shù)、計算機應用技術(shù)、數(shù)字媒體技術(shù)、大數(shù)據(jù)技術(shù)與應用等專業(yè)的動態(tài)網(wǎng)頁程序設(shè)計相關(guān)課程的教材,也可以作為打算學習和從事JavaScript+jQuery動態(tài)網(wǎng)頁設(shè)計的開發(fā)人員的參考書。
孫佳帝,男,2019年被評為優(yōu)秀黨員,軟件技術(shù)專業(yè)教研室主任。2017年,組建"長職新創(chuàng)研發(fā)中心”,組織并策劃長職院數(shù)字化校園建設(shè)之路。期間,帶領(lǐng)軟件技術(shù)專業(yè)師生與企業(yè)開發(fā)工程師為長職院開發(fā)了10余套應用系統(tǒng),主要包括統(tǒng)一身份認證中心、數(shù)據(jù)服務(wù)中心、基于人像識別技術(shù)的智能化教室系統(tǒng)等。其中的單獨招生等多個系統(tǒng)推廣到了多個兄弟院校和其他相關(guān)領(lǐng)域應用。參與項目研發(fā)的學生多次在各種國家級大賽中獲獎,多數(shù)學生被大企業(yè)錄用。2014年-2017年間,參與"吉林省農(nóng)產(chǎn)品質(zhì)量安全追溯系統(tǒng)”的設(shè)計、研發(fā)工作,該系統(tǒng)在2016年正式上線2017年,作為負責人,成功立項了吉林省普通高等學校高水平專業(yè)(群)建設(shè)項目,促進了專業(yè)的發(fā)展。2018年,專業(yè)申報成為吉林省首批"雙師雙能型”教師培養(yǎng)培訓基地,并為吉林省多個本科類院校教師進行實踐技能培訓,幫助高校教師提升實踐能力水平。
單元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基礎(chǔ) 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 關(guān)鍵字與保留字 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 算術(shù)運算符 28
2.5.2 賦值運算符 29
2.5.3 關(guān)系運算符 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ù)類型轉(zhuǎn)換 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ù)調(diào)用 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 尾調(diào)用優(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 面向?qū)ο缶幊?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 構(gòu)造函數(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 類構(gòu)造函數(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的層次結(jié)構(gòu) 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對象的轉(zhuǎn)換 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設(shè)計個性化網(wǎng)站 218
10.1 建設(shè)目標 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)站建設(shè)目標和功能 219
10.2.3 網(wǎng)站建設(shè)中所使用的技術(shù) 219
10.2.4 網(wǎng)站建設(shè)內(nèi)容 220
10.3 網(wǎng)站設(shè)計 220
10.3.1 設(shè)計目標 220
10.3.2 網(wǎng)站結(jié)構(gòu)設(shè)計 220
10.3.3 網(wǎng)頁效果設(shè)計 221
10.4 網(wǎng)頁制作 224
10.4.1 制作首頁 224
10.4.2 制作“聯(lián)系我們”網(wǎng)頁 235