《JavaScript+Vue+React全程實例》是2019年清華大學出版社出版的圖書,作者是鄭均輝、薛燚。
基本介紹
- 書名:JavaScript+Vue+React全程實例
- 作者:鄭均輝、薛燚
- ISBN:9787302531647
- 定價:69元
- 出版時間:2019年8月1日
內容簡介,圖書目錄,
內容簡介
本書基於理論知識與開發實踐相結合的思想,精選當前簡單、實用和流行的百餘個JavaScript代碼實例,幫助讀者學習掌握JavaScript腳本語言。全書內容翔實、重點突出、通俗易懂,涵蓋了JavaScript前端開發的方方面面。
全書共分為13章,包括JavaScript前端設計、調試和開發的一些必備知識,表單處理、DOM控制、控制項特效、日期時間、網頁特效、DIV+CSS、Ajax套用等方面的套用實例,還特別增加了對當下非常流行的React和Vue.js框架的介紹。本書的全部代碼實例均是對JavaScript技術最具代表性的實踐套用,可以幫助讀者深入學習JavaScript的開發技巧。
圖書目錄
第1章 JavaScript環境搭建 1
1.1 HTML中書寫JavaScript的幾種方式 1
1.2 選擇開發工具 2
1.3 JavaScript的調試 3
第2章 JavaScript控制表單 8
2.1 JavaScript與HTML表單 8
2.2 JavaScript遍歷表單 8
2.3 通過name和id訪問表單元素 10
2.4 動態修改表單控制項的值 12
2.5 獲取表單內文本框的數量 13
2.6 修改表單的提交方式 15
2.7 動態指定表單的提交方式 17
2.8 動態設定焦點控制項 19
2.9 動態獲取焦點控制項 20
2.10 初始化表單里的所有控制項 21
2.11 複選框全選、取消及判斷是否
選中的方法 24
2.12 如何使用隱藏控制項 26
2.13 簡單的數字及字元操作 29
2.14 高亮顯示錶單中的焦點控制項 31
2.15 動態添加、刪除下拉選單選項 33
第3章 JavaScript控制DOM 37
3.1 JavaScript與HTML DOM 37
3.2 通過id獲取網頁中的元素對象 37
3.3 通過name獲取網頁中的複選框 39
3.4 通過標籤名獲取網頁中的多個文本 42
3.5 遍歷網頁元素的全部屬性 44
3.6 動態創建網頁新文本段落 46
3.7 動態刪除網頁文本段落 48
3.8 動態替換段落的文本內容 50
3.9 如何主動觸發按鈕單擊事件 51
3.10 動態修改元素屬性...
3.10動態修改元素屬性值53
3.11如何獲取下拉列表的選項55
3.12實現電話撥號鍵盤57
第4章按鈕特效59
4.1按鈕概述59
4.2為按鈕添加背景顏色59
4.3不同按鈕提交到不同的表單地址60
4.4避免回車鍵自動提交表單62
4.5按鈕在單擊後自動失效64
4.6為刪除功能按鈕添加確認提醒66
4.7根據狀態展示不同樣式按鈕67
4.8註冊按鈕倒計時效果70
4.9計時器按鈕72
4.10閱讀完協定才可以單擊的註冊按鈕75
第5章連結特效78
5.1連結概述78
5.2帶下劃線的連結78
5.3改變連結的click事件80
5.4關閉視窗的“X”連結82
5.5用連結模擬一個按鈕83
5.6用連結替代表單提交按鈕85
5.7動態修改一個連結的地址87
5.8讓所有連結都在新視窗打開88
5.9讓頁面所有的超連結都失效90
5.10為連結地址新加一個參數91
5.11返回頁面頂部的連結93
5.12需要確認的超連結95
第6章圖片特效97
6.1圖片概述97
6.2圖片比例縮放97
6.3圖片放大鏡特效99
6.4圖片在層里居中102
6.5讓圖片自適應框的大小104
6.6為圖片加上框線106
6.7顯示局部圖片108
6.8動態載入圖片110
6.9延遲載入圖片112
6.10重新載入驗證碼圖片114
第7章文本框和下拉列表框特效116
7.1文本框和下拉列表框概述116
7.2隻帶下劃線的文本框117
7.3用正則表達式驗證Email格式118
7.4首字母或全部字母大寫120
7.5隻能輸入數字的文本框122
7.6判斷字元的個數124
7.7文本框獲取焦點後自動清除內容126
7.8清空所有文本型輸入框127
7.9校驗電話號碼格式129
7.10滑鼠划過文本框改變其背景色132
7.11設定下拉列表框的值133
7.12動態添加下拉列表框選項135
7.13動態刪除下拉列表框選項138
7.14二級聯動下拉列表框140
7.15三級聯動下拉列表框143
7.16可輸入的下拉列表框147
第8章日期和時間特效150
8.1日期和時間概述150
8.2在標題欄顯示當前日期150
8.3根據時間動態顯示標題歡迎詞151
8.4根據月份動態顯示背景153
8.5格式化日期的方法155
8.6判斷今天是否為節假日157
8.7每秒刷新的時間展示效果160
8.8時間計時器162
8.9時間倒計時器164
8.10計算時間差167
8.11計算日期間隔169
8.12網頁標題體現月進度171
8.13用表格製作日曆173
8.14日期輸入框176
8.15顯示網頁登錄時間181
第9章網頁特效183
9.1網頁概述183
9.2打開新頁面183
9.3打開指定大小的視窗185
9.4獲取打開子視窗的父視窗187
9.5父子視窗之間數據互動190
9.6刷新當前頁面193
9.7禁止滑鼠右鍵195
9.8禁止上下文選單195
9.9禁止複製功能196
9.10禁止選擇操作197
9.11防止網頁被“frame”198
9.12隱藏頁面滾動條201
9.13最小化、最大化和關閉視窗202
9.14腳本永不出錯204
9.15獲取瀏覽器信息206
9.16獲取瀏覽器視窗尺寸208
9.17禁止鍵盤功能鍵210
9.18頁面視窗動畫縮放211
9.19定時關閉頁面213
9.20修改瀏覽器標題214
第10章DIV+CSS特效217
10.1DIV與層疊樣式表概述217
10.2同時改變多個DOM樣式217
10.3彈出層221
10.4用層模擬確認框224
10.5隱藏層227
10.6可拖動的層228
10.7遮罩層效果231
10.8Tab選項卡235
第11章Ajax套用239
11.1Ajax概述239
11.2Ajax基礎239
11.3Ajax解析文本241
11.4Ajax解析XML243
11.5Ajax解析JSON246
11.6實現一個Ajax框架250
11.7使用Ajax框架輕鬆載入檔案253
11.8Ajax跨域異步互動260
第12章React開發265
12.1React概述265
12.2第一個React套用266
12.3React渲染更新元素268
12.4React虛擬DOM270
12.5ReactJSX初步272
12.6在JSX中使用JavaScript表達式274
12.7在JSX中使用JavaScript函式276
12.8ReactComponents設計模式279
12.9ReactComponents參數282
12.10ReactComponents複合284
12.11ReactComponents狀態286
12.12ReactComponents生命周期290
第13章Vue.js開發296
13.1Vue.js概述296
13.2第一個Vue.js套用297
13.3Vue.js構造器299
13.4Vue.js構造器屬性修改301
13.5Vue.js構造器參數引用307
13.6Vue.js模板語法309
13.7Vue.js條件循環語句314
13.8Vue.js事件監聽處理317