JavaScript前端開(kāi)發(fā)與實(shí)例教程（微課視頻版）

第1章  JavaScript概述 1 1.1  JavaScript是什么 1 1.1.1  JavaScript簡(jiǎn)介 1 1.1.2  JavaScript應(yīng)用場(chǎng)景 2 1.1.3  JavaScript發(fā)展趨勢(shì) 3 1.1.4  JavaScript組成部分 4 1.2  JavaScript與其他語(yǔ)言 5 1.2.1  JavaScript與HTML、CSS的關(guān)系 5 1.2.2  JavaScript與Java的關(guān)系 5 1.2.3  JavaScript與TypeScript的關(guān)系 5 1.3  第一個(gè)JavaScript程序 5 1.3.1  代碼編輯工具VSCode 5 1.3.2  代碼運(yùn)行工具——瀏覽器 6 1.3.3  在網(wǎng)頁(yè)中嵌入JavaScript代碼 7 1.3.4  注釋、縮進(jìn)、分號(hào) 9 1.3.5  常用輸入/輸出語(yǔ)句 9 1.3.6  在線幫助和資源 11 1.4  案例：輸出“社會(huì)主義核心價(jià)值觀”內(nèi)容 11 1.5  本章小結(jié) 12 1.6  本章常見(jiàn)面試題 12 1.7  實(shí)踐操作練習(xí)題 13 第2章  JavaScript語(yǔ)法基礎(chǔ) 14 2.1  變量 14 2.1.1  聲明變量 14 2.1.2  變量命名規(guī)則與規(guī)范 15 2.1.3  使用變量 16 2.2  數(shù)據(jù)類(lèi)型 17 2.2.1  數(shù)據(jù)類(lèi)型分類(lèi) 17 2.2.2  數(shù)據(jù)類(lèi)型檢測(cè) 19 2.2.3  數(shù)據(jù)類(lèi)型轉(zhuǎn)換 20 2.3  運(yùn)算符和表達(dá)式 21 2.3.1  算術(shù)運(yùn)算符 21 2.3.2  遞增和遞減運(yùn)算符 22 2.3.3  賦值運(yùn)算符 23 2.3.4  比較運(yùn)算符 23 2.3.5  邏輯運(yùn)算符 24 2.3.6  條件運(yùn)算符 26 2.3.7  運(yùn)算符的優(yōu)先級(jí)與結(jié)合性 26 2.4  流程控制 27 2.4.1  選擇結(jié)構(gòu) 28 2.4.2  循環(huán)結(jié)構(gòu) 31 2.5  代碼調(diào)試 35 2.5.1  alert()方法 35 2.5.2  console.log()方法 35 2.5.3  開(kāi)發(fā)者工具調(diào)試 36 2.6  案例：新冠肺炎疫情風(fēng)險(xiǎn)等級(jí)劃分程序設(shè)計(jì) 38 2.6.1  案例呈現(xiàn) 38 2.6.2  案例分析 39 2.6.3  案例實(shí)現(xiàn) 39 2.7  本章小結(jié) 40 2.8  本章常見(jiàn)面試題 40 2.9  實(shí)踐操作練習(xí)題 41 第3章  數(shù)組 43 3.1  數(shù)組概述 43 3.2  創(chuàng)建數(shù)組 43 3.3  訪問(wèn)數(shù)組 44 3.4  數(shù)組常用屬性和方法 45 3.5  案例：使用數(shù)組實(shí)現(xiàn)“2048”游戲的關(guān)鍵算法 52 3.5.1  案例呈現(xiàn) 52 3.5.2  案例分析 53 3.5.3  案例實(shí)現(xiàn) 53 3.6  本章小結(jié) 54 3.7  本章常見(jiàn)面試題 55 3.8  實(shí)踐操作練習(xí)題 56 第4章  函數(shù) 57 4.1  函數(shù)概述 57 4.2  自定義函數(shù) 57 4.2.1  函數(shù)的定義 58 4.2.2  函數(shù)的調(diào)用 59 4.2.3  函數(shù)的返回值 60 4.2.4  arguments對(duì)象 61 4.2.5  變量作用域 62 4.2.6  函數(shù)的嵌套調(diào)用和遞歸調(diào)用 64 4.2.7  回調(diào)函數(shù) 65 4.3  內(nèi)置函數(shù) 66 4.4  案例：“漁夫打魚(yú)曬網(wǎng)”程序設(shè)計(jì) 69 4.4.1  案例呈現(xiàn) 69 4.4.2  案例分析 69 4.4.3  案例實(shí)現(xiàn) 69 4.5  本章小結(jié) 71 4.6  本章常見(jiàn)面試題 71 4.7  實(shí)踐操作練習(xí)題 72 第5章  JavaScript對(duì)象 74 5.1  對(duì)象概述 74 5.2  創(chuàng)建對(duì)象 75 5.3  訪問(wèn)對(duì)象 76 5.4  常用內(nèi)置對(duì)象 77 5.4.1  Math對(duì)象 77 5.4.2  Date對(duì)象 79 5.4.3  String對(duì)象 81 5.4.4  String對(duì)象與正則表達(dá)式 84 5.5  基本數(shù)據(jù)類(lèi)型和復(fù)雜數(shù)據(jù)類(lèi)型 86 5.6  案例 88 5.6.1  “掃雷”游戲隨機(jī)布雷 88 5.6.2  高亮顯示關(guān)鍵詞 90 5.7  本章小結(jié) 91 5.8  本章常見(jiàn)面試題 91 5.9  實(shí)踐操作練習(xí)題 92 第6章  DOM 94 6.1  DOM概述 94 6.2  獲取元素 94 6.3  事件基礎(chǔ) 99 6.4  操作元素 100 6.4.1  常用屬性操作 101 6.4.2  樣式操作 102 6.4.3  自定義屬性操作 105 6.5  this關(guān)鍵字 106 6.6  節(jié)點(diǎn)操作 108 6.6.1  節(jié)點(diǎn)類(lèi)型 108 6.6.2  獲取節(jié)點(diǎn) 109 6.6.3  創(chuàng)建、添加和刪除節(jié)點(diǎn) 113 6.6.4  克隆節(jié)點(diǎn) 115 6.7  案例 116 6.7.1  留言板 116 6.7.2  折疊面板 118 6.8  本章小結(jié) 119 6.9  本章常見(jiàn)面試題 120 6.10  實(shí)踐操作練習(xí)題 120 第7章  事件處理 123 7.1  綁定事件處理程序 123 7.2  刪除事件處理程序 125 7.3  事件對(duì)象 125 7.4  取消默認(rèn)行為 127 7.4.1  取消表單提交 127 7.4.2  取消默認(rèn)右鍵菜單 127 7.5  事件流 128 …… 第8章 BOM144 第9章 JavaScript特效綜合實(shí)例162 第10章 Ajax技術(shù)184 第11章 基于ECharts的疫情實(shí)時(shí)監(jiān)控系統(tǒng)200 第12章 Vue簡(jiǎn)介215 第13章 Vue基礎(chǔ)特性222