第1章 JavaScript入門(mén)/1


項(xiàng)目導(dǎo)讀/1


學(xué)習(xí)目標(biāo)/1


素質(zhì)目標(biāo)/1


1.1JavaScript介紹/2


1.1.1JavaScript的起源/2


1.1.2 JavaScript的應(yīng)用/2


1.1.3 JavaScript的特點(diǎn)/3


1.1.4 JavaScript和ECMAScript的關(guān)系/4


1.2開(kāi)發(fā)工具/4


1.2.1 編輯器/5


1.2.2 瀏覽器/6


1.2.3 【示例】 Hello World /7


1.3快速上手/9


1.3.1 在HTML中引入JavaScript/9


1.3.2 常用輸出語(yǔ)句/12


1.3.3基礎(chǔ)表達(dá)式/I3


1.3.4 函數(shù)/14


1.3.5. 事件/15


1.3.6 【示例】改變網(wǎng)頁(yè)文字顏色/16


綜合案例：用戶(hù)登錄驗(yàn)證/17


本結(jié)/18


課后習(xí)題/19


第2章 基本語(yǔ)法/20


項(xiàng)目導(dǎo)讀/20


學(xué)習(xí)目標(biāo)/20


素質(zhì)目標(biāo)/20


2.1基本概念/21


2.1.1標(biāo)識(shí)符/21


2.1.2關(guān)鍵字和保留字/21


2.1.3.注釋/22


2.2 變量/23


2.2.1變量聲明/23


2.2.2變量賦值/24


2.3數(shù)據(jù)類(lèi)型/25


2.3.1 Undefined 類(lèi)型 /25


2.3.2 Null 類(lèi)型/25


2.3.3 Boolean類(lèi)型 /26


2.3.4 Number類(lèi)型 /26


2.3.5 String 類(lèi)型 /27


2.4運(yùn)算符/30


2.4.1 算術(shù)運(yùn)算符/30


2.4.2 就值運(yùn)算符/31


2.4.3 比較運(yùn)算符/32


2.4.4 條件達(dá)算符/33


2.4.5. 布爾運(yùn)算符/34


2.4.6 位運(yùn)算符 /34


2.4.7 運(yùn)算符優(yōu)先級(jí)/36


2.4.8【示例】計(jì)算立方體的體積/37


2.5 流程控制語(yǔ)句/38


2.5.1選擇結(jié)構(gòu)語(yǔ)句/38


2.5.2 循環(huán)結(jié)構(gòu)語(yǔ)句/42


2.5.3 跳轉(zhuǎn)語(yǔ)句/44


2.5.4 【示例】打印菱形圖形/44


綜合案例：計(jì)算銀行存款/46


本結(jié)/47


課后習(xí)題/47


第3章 數(shù)組/49


項(xiàng)目導(dǎo)讀/49


學(xué)習(xí)目標(biāo)/49


素質(zhì)目標(biāo)/49


3.1認(rèn)識(shí)引用類(lèi)型/50


3.2數(shù)組/51


3.2.1 什么是數(shù)組/51


3.2.2定義數(shù)組/52


3.2.3 數(shù)組元素操作/54


3.2.4數(shù)組遍歷/57


3.2.5 數(shù)組元素定位/58


3.2.6 數(shù)紅排序/58


3.2.7數(shù)組相關(guān)方法/61


3.2.8 【示例】奇偶數(shù)組/64


綜合案例：地區(qū)選擇器/65


本結(jié)/73


課后習(xí)題/73


第4章 函數(shù)/75


項(xiàng)目導(dǎo)讀/75


學(xué)習(xí)目標(biāo)/75


素質(zhì)目標(biāo)/75


4.1函數(shù)的定義與調(diào)用/76


4.1.1函數(shù)定義/76


4.1.2 函數(shù)參數(shù)/78


4.1.3 函數(shù)返回值/79


4.1.4 函數(shù)調(diào)用 /80


4.1.5【示例】獲取手機(jī)價(jià)格/81


4.2作用城/83


4.3 匿名函數(shù)/84


4.3.1 畫(huà)數(shù)表達(dá)式/84


4.3.2 匿名函數(shù)/85


4.3.3 回調(diào)函數(shù)/85


4.3.4 自執(zhí)行函數(shù)/87


4.4 嵌套與道歸/88


4.4.1 函數(shù)獲套/88


44.2 遞歸函數(shù)/88


4.4.3.【示例】實(shí)現(xiàn)二分查找法/89


4.5.函數(shù)/90


4.5.1 認(rèn)識(shí)/90


4.5.2函數(shù)的應(yīng)用/91


綜合案例：簡(jiǎn)易版計(jì)算器/93


本結(jié)/95


課后習(xí)題/95


第5章 面向?qū)ο?97


項(xiàng)目導(dǎo)讀/97


學(xué)習(xí)目標(biāo)/97


素盾目標(biāo)/97


5.1面向?qū)ο蠼榻B/98


5.1.1面向過(guò)程與面向?qū)ο?98


5.1.2面向?qū)ο蟮娜�大特�?99


5.2對(duì)象/100


5.2.1什么是對(duì)象/100


5.2.2自定義對(duì)京/101


5.2.3 屬性操作/102


5.2.4對(duì)象遍歷/103


5.2.5【示例】年齡的學(xué)生/104


5.3構(gòu)造器/105


5.3.1 認(rèn)識(shí)構(gòu)造器/105


5.3.2 JavaScript內(nèi)五構(gòu)造器/ 106


5.3.3 自定義構(gòu)造器/107


5.3.4 使用 class 創(chuàng)建對(duì)象/108


5.3.5 this關(guān)鍵字 /109


5.3.6靜態(tài)屬性和方法/111


5.3.7私有屬性和方法/111


5.4內(nèi)置對(duì)象/112


5.4.1 Stưing時(shí)象/112


5.4.2 Number 對(duì)原/113


5.4.3 Datc對(duì)象/114


5.4.4 Math對(duì)象/116


5.4.5 Error對(duì)象/116


5.5繼承/118


5.5.1 原型/118


5,5.2 繼承/120


5.5.3 class的繼永/121


5.5.4【示例】動(dòng)物因賽跑比賽/123


綜合案例：限制輸入框輸入/126


本結(jié)/129


課后習(xí)題/129


第6章 BOM / 130


項(xiàng)日導(dǎo)讀/130


學(xué)習(xí)目標(biāo)/130


素質(zhì)目標(biāo)/130


6.1 BOM介紹/131


6.2 window對(duì)象/132


6.2.1 全局作用域/132


6.2.2 系統(tǒng)對(duì)話(huà)框/133


6.2.3 打開(kāi)和關(guān)閉窗口 /134


6.2.4宙口位置/136


6.2.5 宙口大小/137


6.2.6.框架操作/137


6.2.7【示例】第三方礎(chǔ)特/138


6.3 location 對(duì)象 /139


6.3.1 URL/ 139


6.3.2常用屬性和方法/140


6.4 history 對(duì)象/141


6.4.1常用屬性和方法/141


6.4.2 【示例】模擬瀏覽器后退/142


6.4.3 【承例】無(wú)剛新網(wǎng)頁(yè)現(xiàn)轉(zhuǎn)/145


6.5 navigator 時(shí)象/146


6.6 screen 對(duì)象 /148


6.7 定時(shí)器/149


6.7.efTimeout() / 149


 6.7.2  setlnterval() / 149


6.7.3【示例】實(shí)現(xiàn)計(jì)時(shí)器/I50


綜合案例：限時(shí)活動(dòng)/153


本結(jié)/156


課后習(xí)題/157


第8章 DOM/ 158


項(xiàng)日導(dǎo)讀/158


學(xué)習(xí)目標(biāo)/158


素質(zhì)目標(biāo)/158


Z.I DOM介紹/159


7.1.1 什么是DOM/159


7.12 HTML.節(jié)點(diǎn)村/159


7.2 HTML元素操作/160


7.2.1 獲取元素/160


7.22 元素內(nèi)容/163


7.2.3 元素樣式/165


7.2.4 無(wú)素屬性/169


7.2.5【示例】實(shí)現(xiàn)棋態(tài)對(duì)話(huà)相/170


7.3 DOM節(jié)點(diǎn)操作/172


7.3.1 獲取節(jié)點(diǎn)/172


7.3.2 增加節(jié)點(diǎn)/174


7.3.3 刪除節(jié).點(diǎn)/176


234【示例】線(xiàn)上點(diǎn)菜/177


綜合案例：電商購(gòu)物車(chē)/180


本結(jié)/186


課后習(xí)題/186


第8章 事件/188


項(xiàng)目導(dǎo)讀/188


學(xué)習(xí)目標(biāo)/188


素質(zhì)日標(biāo)/188


……


11.1.2 正則表達(dá)式的基本應(yīng)用/271


11.1.3. 創(chuàng)建正則表達(dá)式/272


11.2正則表達(dá)式的語(yǔ)法規(guī)則/272


11.2.1字符類(lèi)別/272


11.2.2 宇符集合/273


11.2.3特殊字符/274


11.2.4 限定字符/275


11.2.5 修飾符/276


11.2.6【示例】限定手機(jī)號(hào)輸入/277


11.3與正則表達(dá)式相關(guān)的方法/278


11.3.1 String類(lèi)中的方法/278


11.3.2 RegExp類(lèi)中的方法/279


11.3.3 【示例】實(shí)現(xiàn)簡(jiǎn)單模板語(yǔ)法/281


綜合案例：實(shí)現(xiàn)表單驗(yàn)證/283


本結(jié)/286


課后習(xí)題/286


第12章 Vue / 288


項(xiàng)目導(dǎo)讀/288


學(xué)習(xí)目標(biāo)/288


素質(zhì)目標(biāo)/288


12.1 Vue 入門(mén) /289


12.1.1 什么是Vue/289


12.1.2 下栽和安裝Vuc/291


12.1.3 引入 Vuc / 293


12.1.4 Vue 基本語(yǔ)法/293


12.2 Vue實(shí)例/294


12.2.1創(chuàng)建Vuc 實(shí)例/294


12.2.2數(shù)據(jù)和方法/295


12.2.3 Vue 實(shí)例的生命周期/295


12.3數(shù)據(jù)綁定/296


12.3.1文本綁定/296


12.3.2 HTML綁定/297


12.3.3 屬性綁定/298


12.3.4事件綁定/298


12.3.5 雙向綁定/299


123.6【示例】實(shí)現(xiàn)商品數(shù)量


編料按鈕/300


12.4計(jì)算屬性和偵聽(tīng)器/301


12.4.1 計(jì)算屬性/302


12.4.2 使聽(tīng)器/303


12.5模板泣染/305


12.5.1 條件注染/305


12.5,2 猜環(huán)泣染/306


12.5.3【示例】收貨信息提交/307


綜合案例：實(shí)現(xiàn)TodoList/310


本結(jié)/313


課后習(xí)題/314


第13章 網(wǎng)頁(yè)版貪吃蛇/315


項(xiàng)目導(dǎo)讀/315


學(xué)習(xí)目標(biāo)/315


素質(zhì)目標(biāo)/315


13能展示/316


13.能分析/317


13能實(shí)現(xiàn)/317


13.3.1 符戲設(shè)置界面/317


13.3.2游戲分?jǐn)?shù)和游戲引導(dǎo)/321


13.3.3 游戲容器/324


13.3.4 小蛇/325


13.3.5 障礙物/328


13.3.6 食物/331


13.3.7 小蛇移動(dòng)事件/333


13.3.8 判定游戲結(jié)果/336


13.3.9 退出和重玩/341


本結(jié)/344


課后習(xí)題/344


參考文獻(xiàn)/346