JavaScript迭代漸進(jìn)式前端開發(fā)實(shí)踐
定 價(jià):59.8 元
叢書名:高等院校產(chǎn)教融合創(chuàng)新應(yīng)用系列
- 作者:梁曉暉
- 出版時(shí)間:2025/8/1
- ISBN:9787302697961
- 出 版 社:清華大學(xué)出版社
- 中圖法分類:TP312.8JA
- 頁碼:
- 紙張:膠版紙
- 版次:
- 開本:16開
讀者對象:本書可以作為高職高專、應(yīng)用型本科、培訓(xùn)機(jī)構(gòu)JavaScript語言課程的教材, 也可作為Web前端開發(fā)人員的參考書, 以及JavaScript語言愛好者的自學(xué)用書
JavaScript是一種輕量級、解釋型編程語言,也是深受廣大編程者喜愛的、能夠?qū)崿F(xiàn)跨領(lǐng)域開發(fā)的“多面能手”。《JavaScript迭代漸進(jìn)式前端開發(fā)實(shí)踐》以前端開發(fā)為應(yīng)用領(lǐng)域,精選《成績轉(zhuǎn)換系統(tǒng)》《驗(yàn)證碼及其應(yīng)用》《網(wǎng)站換膚》《用戶注冊與數(shù)據(jù)提交》《打地鼠游戲》五個(gè)實(shí)戰(zhàn)主題,通過多版迭代,生動有趣地介紹了JavaScript語言和軟件開發(fā)的核心知識,包括JavaScript編程基礎(chǔ)、數(shù)組、函數(shù)、對象、DOM、正則表達(dá)式與數(shù)據(jù)交互、BOM及第三方工具、ES6等。通過本書的學(xué)習(xí),讀者不僅能在知識層面有所收獲,而且可以潛移默化地提高軟件開發(fā)能力和個(gè)人綜合素養(yǎng)。本書可以作為高職高專、應(yīng)用型本科、培訓(xùn)機(jī)構(gòu)JavaScript語言課程的教材,也可作為Web前端開發(fā)人員的參考書,以及JavaScript語言愛好者的自學(xué)用書。
?素養(yǎng)引領(lǐng),項(xiàng)目育人?重構(gòu)知識,打破困境?實(shí)戰(zhàn)導(dǎo)向,迭代漸進(jìn)?掌握語言,學(xué)會編程?一書多用,適配靈活
前? 言PREFACE
JavaScript是一種輕量級、免費(fèi)、開源且跨平臺的腳本語言,功能強(qiáng)大而靈活。作為現(xiàn)代Web開發(fā)的基石語言,JavaScript已經(jīng)連續(xù)多年位居“使用最廣泛的編程語言”前列。它不僅驅(qū)動著前端領(lǐng)域90%以上的動態(tài)網(wǎng)頁交互,支撐著React、Vue等主流框架的生態(tài)繁榮,而且成功躋身于服務(wù)端開發(fā)、桌面開發(fā)、嵌入式開發(fā)等多個(gè)領(lǐng)域,堪稱“一次學(xué)習(xí),多端應(yīng)用”的典范。JavaScript的亮眼表現(xiàn),使得許多高校紛紛為計(jì)算機(jī)類專業(yè)開設(shè)JavaScript程序設(shè)計(jì)相關(guān)課程,并將其列為核心專業(yè)課程,尤其是軟件開發(fā)類專業(yè)。
《JavaScript迭代漸進(jìn)式前端開發(fā)實(shí)踐》以前端應(yīng)用領(lǐng)域?yàn)檠芯繉ο,主要介紹使用JavaScript語言進(jìn)行Web前端開發(fā)的相關(guān)知識,同時(shí)融入一些軟件開發(fā)的相關(guān)常識、基本思想、思維技巧,以及程序員職業(yè)道德、工匠精神等,本書的宗旨是:不僅要教會讀者JavaScript語言,更要教會讀者如何編程,以及如何成為一名的程序員。
我本科和研究生均就讀于計(jì)算機(jī)應(yīng)用專業(yè),熱愛教育,喜歡編程,是一名不折不扣的雙師型教師。二十多年的從教經(jīng)歷和多家大、中、小型企業(yè)項(xiàng)目研發(fā)經(jīng)歷,使我十分了解軟件行業(yè)的人才需求,也十分了解學(xué)生的學(xué)情和一般計(jì)算機(jī)語言學(xué)習(xí)者的“痛點(diǎn)”。在歷經(jīng)十余載的JavaScript相關(guān)課程教學(xué)沉淀后,我決定重構(gòu)JavaScript知識體系,編寫這部教材,精選經(jīng)典案例與實(shí)戰(zhàn)高頻內(nèi)容,匯集成冊,以期能夠符合讀者學(xué)習(xí)和認(rèn)知規(guī)律,貼近實(shí)戰(zhàn)。
本書特點(diǎn)
1. 素養(yǎng)引領(lǐng),項(xiàng)目育人
軟件行業(yè)作為賦能各行各業(yè)的“數(shù)字生產(chǎn)力”,其增長勢頭強(qiáng)勁。工業(yè)和信息化部發(fā)布的數(shù)據(jù)顯示,2024年,我國軟件業(yè)務(wù)收入137 276億元,同比增長10.0%,軟件業(yè)利潤總額16 953億元,同比增長8.7%,這一數(shù)據(jù)凸顯了軟件行業(yè)對國民經(jīng)濟(jì)發(fā)展的關(guān)鍵推動作用,不僅助力技術(shù)進(jìn)步,還為就業(yè)和提供了新的機(jī)會。優(yōu)質(zhì)軟件猶如清泉,潤澤社會;而劣質(zhì)軟件乃至病毒、木馬,則如同毒瘤,貽害無窮。黨的二十大報(bào)告強(qiáng)調(diào):“育人的根本在于立德。”一名的軟件從業(yè)者需要擁有熾熱的愛國情懷、高尚的道德情操、正確的價(jià)值取向和精益求精的工匠精神,并堅(jiān)守遵紀(jì)守法的行為準(zhǔn)則。本書將這些素養(yǎng)元素巧妙地融于項(xiàng)目之中,引導(dǎo)讀者樹立正確的人生觀,爭當(dāng)?shù)腎T人。
2. 重構(gòu)知識,打破困境
本書通過重構(gòu)JavaScript知識體系,巧妙地將各個(gè)知識點(diǎn)融入實(shí)戰(zhàn)場景,打破學(xué)生“似懂非懂,學(xué)而不會”的困境。學(xué)習(xí)知識旨在應(yīng)用,所以,為了解決實(shí)際問題而組織知識,而不是為了編寫者方便而堆砌知識,這才是編程類書籍的編寫奧義所在!
那么在知識點(diǎn)安排上,如何既科學(xué)合理又兼顧讀者的學(xué)習(xí)和認(rèn)知規(guī)律呢?在翻閱了大量書籍之后,我終于找到了答案。清華大學(xué)出版社經(jīng)典計(jì)算機(jī)語言書籍《匯編語言》(王爽著)的知識屏蔽與線索化創(chuàng)作理念,點(diǎn)亮了我的思路,使我豁然開朗,茅塞頓開。
零散的知識點(diǎn)難以記憶并付諸實(shí)踐,因此,本書以項(xiàng)目為載體,通過一條條清晰的需求線索,將知識點(diǎn)緊密串聯(lián),使讀者既能掌握知識,又能學(xué)會應(yīng)用,一舉兩得;每個(gè)知識點(diǎn)學(xué)習(xí)和理解難度有所不同,有些知識點(diǎn)放在前面很難理解透徹,放在后面就水到渠成,易于理解。因此,我根據(jù)知識點(diǎn)自身的特性對其進(jìn)行組織和安排。在具體的知識介紹和例題分析中,按照“知識屏蔽”的原則,所有用于解決問題的知識,必須是已經(jīng)講解過的知識,盡量避免使用后面還沒介紹的知識,以減輕讀者的學(xué)習(xí)困擾。一步一步,循序漸進(jìn)。五大實(shí)戰(zhàn)主題的先后順序安排,也是按照難度層層遞進(jìn),而非平級羅列,充分考慮讀者的學(xué)習(xí)特點(diǎn)和認(rèn)知規(guī)律。
3. 實(shí)戰(zhàn)導(dǎo)向,迭代漸進(jìn)
所謂實(shí)戰(zhàn)導(dǎo)向,是指教材中的主題實(shí)戰(zhàn)氣息濃厚。既然學(xué)習(xí)就是為了應(yīng)用,那就干脆把企業(yè)項(xiàng)目中的真實(shí)內(nèi)容直接拿來或適當(dāng)裁剪后當(dāng)作知識載體,盡量縮小和填補(bǔ)課堂與職場之間的差距。
事實(shí)上,本書就是這樣做的,小到知識學(xué)習(xí)環(huán)節(jié)中的例題,大到五大實(shí)戰(zhàn)主題,再到課后編程實(shí)踐題。模擬“百度搜索”效果的例題,源自我研發(fā)語料庫系統(tǒng)時(shí)檢索數(shù)據(jù)的真實(shí)案例;“圖片能放大能縮小”是我為企業(yè)研發(fā)項(xiàng)目時(shí)客戶的真實(shí)需求;而刪除數(shù)據(jù)前確認(rèn)彈窗、注冊賬戶合法性驗(yàn)證、動態(tài)地址配置、驗(yàn)證碼等案例,更是實(shí)戰(zhàn)味道滿格,稍加修改甚至不用修改就可以拿到企業(yè)級項(xiàng)目中使用。課后習(xí)題中的電子相冊、秒表DIY、倒計(jì)時(shí)、音樂播放器等,不僅能夠激發(fā)讀者的創(chuàng)造潛能,提高讀者的實(shí)戰(zhàn)能力,而且在生活中也能直接使用,“學(xué)以致用”的理念得到了充分體現(xiàn)。
對于初學(xué)者而言,在學(xué)習(xí)語言的同時(shí)掌握企業(yè)級項(xiàng)目模塊的開發(fā),這似乎是個(gè)遙不可及的夢想。為了這個(gè)難題,本書創(chuàng)造性地將難度分解,使用“迭代漸進(jìn)”的編寫模式:每個(gè)大的實(shí)戰(zhàn)主題都分為三版迭代,每迭代一版,會增加若干個(gè)維度的知識點(diǎn)和難度級別,對應(yīng)的代碼功能也越來越強(qiáng)大。從簡約原型版到基本完善版,再到終極應(yīng)用版,就像是沿“之”字形路爬山一樣,每一步不是特別累,卻能輕松登頂!看似遙不可及的目標(biāo),被努力與智慧化解!讀者能否達(dá)到預(yù)期的效果呢?我們拭目以待!
4.掌握語言,學(xué)會編程
本書的編寫目標(biāo)不僅是讓讀者掌握使用JavaScript語言編寫前端項(xiàng)目的基本知識和常用技巧,更是讓讀者學(xué)會如何編寫程序。因此,讀者將在本書中發(fā)現(xiàn)例題分析、編程引導(dǎo),以及軟件開發(fā)相關(guān)的常識、程序員職業(yè)素養(yǎng)、經(jīng)典編程思想和實(shí)戰(zhàn)經(jīng)驗(yàn)小貼士等豐富內(nèi)容,這些內(nèi)容均為讀者掌握通用編程技能提供有力支持。
了解“軟件工程”的讀者會發(fā)現(xiàn),本書每一個(gè)實(shí)戰(zhàn)場景的內(nèi)容安排都有一根隱藏的主線,那就是軟件開發(fā)生命周期:“任務(wù)描述”對應(yīng)“需求分析”;“執(zhí)行效果圖”對應(yīng)“概要設(shè)計(jì)”;“技術(shù)分析”對應(yīng)“詳細(xì)設(shè)計(jì)”;“編程實(shí)現(xiàn)”對應(yīng)“編碼實(shí)現(xiàn)”;“多版迭代”對應(yīng)“測試階段”和“維護(hù)階段”。這種“潤物細(xì)無聲”的方式,可以讓讀者在潛移默化中得到專業(yè)的技術(shù)熏陶。
5.一書多用,適配靈活
為了兼具編程作品集的實(shí)用性和傳統(tǒng)教材的系統(tǒng)性,本書配備一主一輔雙重目錄,前者以場景的實(shí)現(xiàn)環(huán)節(jié)為索引對象,后者則以具體的知識點(diǎn)為呈現(xiàn)目標(biāo)。高校學(xué)生可以將本書用作教材,前端開發(fā)人員可以將本書用作參考書,JavaScript語言愛好者可以將本書用作自學(xué)書籍。
本書作為教材使用時(shí),可根據(jù)實(shí)際情況靈活安排教學(xué)內(nèi)容:課時(shí)夠用或?qū)W情良好時(shí),可進(jìn)行完整學(xué)習(xí);課時(shí)緊張或?qū)W情欠佳時(shí),可采用選擇性組合學(xué)習(xí),如每個(gè)實(shí)戰(zhàn)主題V1.0實(shí)現(xiàn)+V2.0、V3.0知識點(diǎn)學(xué)習(xí)。這種方式靈活適配多種學(xué)情,進(jìn)可攻,退可守,對柔性分層教學(xué)和因材施教非常友好。
配套資源與答疑服務(wù)
為了方便讀者學(xué)習(xí)和教師教學(xué),本書提供教學(xué)大綱、教學(xué)課件、電子教案、教學(xué)進(jìn)度表、課后習(xí)題參考答案、模擬試卷、程序源代碼等配套教學(xué)資源,可掃描下列二維碼或書中二維碼獲取。如果讀者在本書閱讀過程中發(fā)現(xiàn)問題或者存有疑問,可發(fā)郵件到我的郵箱:71304690@qq.com。
鳴謝
在本書編寫過程中,北京楷斯科技有限公司技術(shù)總監(jiān)馬翔和清華大學(xué)出版社編輯王定對本書樣張給予了中肯的建議,河北軟件職業(yè)技術(shù)學(xué)院張瑩、胡金扣、閆紹惠、楊寧俠、崔秀艷等老師參與了本書電子資源制作、輔助資源建設(shè)及后續(xù)課程服務(wù)。我的家人與朋友們同樣對本書的編寫給予了極大的支持與理解,他們慷慨地騰出自己的寶貴時(shí)間去分擔(dān)我的其他工作,讓我得以心無旁騖地雕琢和完善本書內(nèi)容,在此,
目? 錄CONTENTS
實(shí)戰(zhàn)主題 1 成績轉(zhuǎn)換系統(tǒng) 001
1.1 《成績轉(zhuǎn)換系統(tǒng)V1.0》需求與技術(shù)分析003
1.1.1 《成績轉(zhuǎn)換系統(tǒng)V1.0》任務(wù)描述003
1.1.2 《成績轉(zhuǎn)換系統(tǒng)V1.0》任務(wù)效果003
1.1.3 《成績轉(zhuǎn)換系統(tǒng)V1.0》技術(shù)分析003
1.2 《成績轉(zhuǎn)換系統(tǒng)V1.0》知識學(xué)習(xí)004
1.2.1 JavaScript簡介004
1.2.2 JavaScript歷史004
1.2.3 JavaScript標(biāo)準(zhǔn)與組成005
1.2.4 JavaScript在瀏覽器上的執(zhí)行過程006
1.2.5 編程IDE:VSCode006
1.2.6 在網(wǎng)頁中使用JavaScript的方法007
1.2.7 JavaScript編程常識與命名規(guī)范007
1.2.8 JavaScript變量、常量及作用域009
1.2.9 JavaScript數(shù)據(jù)類型013
1.2.10 JavaScript運(yùn)算符022
1.2.11 JavaScript數(shù)據(jù)類型轉(zhuǎn)換025
1.2.12 數(shù)據(jù)輸入輸出027
1.2.13 if 語句030
1.3 《成績轉(zhuǎn)換系統(tǒng)V1.0》編程實(shí)現(xiàn)033
1.4 《成績轉(zhuǎn)換系統(tǒng)V2.0》需求與技術(shù)分析034
1.4.1 《成績轉(zhuǎn)換系統(tǒng)V2.0》任務(wù)描述034
1.4.2 《成績轉(zhuǎn)換系統(tǒng)V2.0》任務(wù)效果034
1.4.3 《成績轉(zhuǎn)換系統(tǒng)V2.0》技術(shù)分析035
1.5 《成績轉(zhuǎn)換系統(tǒng)V2.0》知識學(xué)習(xí)035
1.5.1 從頁面元素中獲取數(shù)據(jù)035
1.5.2 在HTML元素中呈現(xiàn)處理結(jié)果035
1.5.3 為按鈕綁定單擊事件035
1.6 《成績轉(zhuǎn)換系統(tǒng)V2.0》編程實(shí)現(xiàn)036
1.7 《成績轉(zhuǎn)換系統(tǒng)V3.0》需求與技術(shù)分析037
1.7.1 《成績轉(zhuǎn)換系統(tǒng)V3.0》任務(wù)描述037
1.7.2 《成績轉(zhuǎn)換系統(tǒng)V3.0》任務(wù)效果038
1.7.3 《成績轉(zhuǎn)換系統(tǒng)V3.0》技術(shù)分析038
1.8 《成績轉(zhuǎn)換系統(tǒng)V3.0》知識學(xué)習(xí)038
1.8.1 switch語句039
1.8.2 程序調(diào)試040
1.8.3 異常捕獲043
1.9 《成績轉(zhuǎn)換系統(tǒng)V3.0》編程實(shí)現(xiàn)044
課后習(xí)題046
實(shí)戰(zhàn)主題 2 驗(yàn)證碼及其應(yīng)用 048
2.1 《驗(yàn)證碼及其應(yīng)用V1.0》需求與技術(shù)分析050
2.1.1 《驗(yàn)證碼及其應(yīng)用V1.0》任務(wù)描述050
2.1.2 《驗(yàn)證碼及其應(yīng)用V1.0》任務(wù)效果050
2.1.3 《驗(yàn)證碼及其應(yīng)用V1.0》技術(shù)分析051
2.2 《驗(yàn)證碼及其應(yīng)用V1.0》知識學(xué)習(xí)051
2.2.1 JavaScript內(nèi)置對象051
2.2.2 Math對象051
2.2.3 JavaScript循環(huán)簡介053
2.2.4 for循環(huán)語句053
2.2.5 JavaScript函數(shù)056
2.3 《驗(yàn)證碼及其應(yīng)用V1.0》編程實(shí)現(xiàn)058
2.4 《驗(yàn)證碼及其應(yīng)用V2.0》需求與技術(shù)分析060
2.4.1 《驗(yàn)證碼及其應(yīng)用V2.0》任務(wù)描述060
2.4.2 《驗(yàn)證碼及其應(yīng)用V2.0》任務(wù)效果060
2.4.3 《驗(yàn)證碼及其應(yīng)用V2.0》技術(shù)分析060
2.5 《驗(yàn)證碼及其應(yīng)用V2.0》知識學(xué)習(xí)061
2.5.1 while循環(huán)語句061
2.5.2 do...while循環(huán)語句063
2.5.3 String對象064
2.6 《驗(yàn)證碼及其應(yīng)用V2.0》編程實(shí)現(xiàn)065
2.7 《驗(yàn)證碼及其應(yīng)用V3.0》需求與技術(shù)分析067
2.7.1 《驗(yàn)證碼及其應(yīng)用V3.0》任務(wù)描述067
2.7.2 《驗(yàn)證碼及其應(yīng)用V3.0》任務(wù)效果067
2.7.3 《驗(yàn)證碼及其應(yīng)用V3.0》技術(shù)分析068
2.8 《驗(yàn)證碼及其應(yīng)用V3.0》知識學(xué)習(xí)068
2.8.1 JavaScript數(shù)組068
2.8.2 使用JavaScript控制顏色071
2.8.3 雙重循環(huán)072
2.9 《驗(yàn)證碼及其應(yīng)用V3.0》編程實(shí)現(xiàn)074
課后習(xí)題077
實(shí)戰(zhàn)主題 3 網(wǎng)站換膚 079
3.1 《網(wǎng)站換膚V1.0》需求與技術(shù)分析081
3.1.1 《網(wǎng)站換膚V1.0》任務(wù)描述081
3.1.2 《網(wǎng)站換膚V1.0》任務(wù)效果081
3.1.3 《網(wǎng)站換膚V1.0》技術(shù)分析081
3.2 《網(wǎng)站換膚V1.0》知識學(xué)習(xí)082
3.2.1 DOM簡介082
3.2.2 通過方法獲取頁面元素083
3.2.3 通過屬性獲取頁面元素084
3.2.4 操作頁面元素屬性086
3.2.5 創(chuàng)建節(jié)點(diǎn)087
3.2.6 掛載節(jié)點(diǎn)088
3.2.7 刪除節(jié)點(diǎn)092
3.3 《網(wǎng)站換膚V1.0》編程實(shí)現(xiàn)094
3.4 《網(wǎng)站換膚V2.0》需求與技術(shù)分析095
3.4.1 《網(wǎng)站換膚V2.0》任務(wù)描述095
3.4.2 《網(wǎng)站換膚V2.0》任務(wù)效果095
3.4.3 《網(wǎng)站換膚V2.0》技術(shù)分析096
3.5 《網(wǎng)站換膚V2.0》知識學(xué)習(xí)096
3.5.1 實(shí)現(xiàn)圖文黑白風(fēng)格096
3.5.2 使用select下拉框097
3.6 《網(wǎng)站換膚V2.0》編程實(shí)現(xiàn)097
3.7 《網(wǎng)站換膚V3.0》需求與技術(shù)分析099
3.7.1 《網(wǎng)站換膚V3.0》任務(wù)描述099
3.7.2 《網(wǎng)站換膚V3.0》任務(wù)效果100
3.7.3 《網(wǎng)站換膚V3.0》技術(shù)分析100
3.8 《網(wǎng)站換膚V3.0》知識學(xué)習(xí)100
3.8.1 JavaScript事件概述100
3.8.2 為HTML元素指定事件101
3.8.3 為整個(gè)頁面指定事件103
3.8.4 event對象104
3.8.5 阻止默認(rèn)行為107
3.8.6 JavaScript事件流模型111
3.8.7 Date對象116
3.9 《網(wǎng)站換膚V3.0》編程實(shí)現(xiàn)119
課后習(xí)題121
實(shí)戰(zhàn)主題 4 用戶注冊與數(shù)據(jù)提交 124
4.1 《用戶注冊與數(shù)據(jù)提交V1.0》需求與技術(shù)分析126
4.1.1 《用戶注冊與數(shù)據(jù)提交V1.0》任務(wù)描述126
4.1.2 《用戶注冊與數(shù)據(jù)提交V1.0》 任務(wù)效果126
4.1.3 《用戶注冊與數(shù)據(jù)提交V1.0》技術(shù)分析127
4.2 《用戶注冊與數(shù)據(jù)提交V1.0》知識學(xué)習(xí)127
4.2.1 RegExp對象127
4.2.2 正則表達(dá)式語法131
4.2.3 利用正則表達(dá)式規(guī)范數(shù)據(jù)格式133
4.3 《用戶注冊與數(shù)據(jù)提交V1.0》編程實(shí)現(xiàn)134
4.4 《用戶注冊與數(shù)據(jù)提交V2.0》需求與技術(shù)分析139
4.4.1 《用戶注冊與數(shù)據(jù)提交V2.0》任務(wù)描述139
4.4.2 《用戶注冊與數(shù)據(jù)提交V2.0》任務(wù)效果139
4.4.3 《用戶注冊與數(shù)據(jù)提交V2.0》技術(shù)分析140
4.5 《用戶注冊與數(shù)據(jù)提交V2.0》知識學(xué)習(xí)140
4.5.1 增加用戶賬號驗(yàn)證強(qiáng)度140
4.5.2 增加身份證號碼驗(yàn)證強(qiáng)度140
4.5.3 密碼明文密文切換141
4.5.4 同步數(shù)據(jù)提交142
4.5.5 JSON數(shù)據(jù)格式143
4.5.6 簡易API服務(wù)器搭建145
4.6 《用戶注冊與數(shù)據(jù)提交V2.0》編程實(shí)現(xiàn)147
4.7 《用戶注冊與數(shù)據(jù)提交V3.0》需求與技術(shù)分析152
4.7.1 《用戶注冊與數(shù)據(jù)提交V3.0》任務(wù)描述152
4.7.2 《用戶注冊與數(shù)據(jù)提交V3.0》任務(wù)效果152
4.7.3 《用戶注冊與數(shù)據(jù)提交V3.0》技術(shù)分析153
4.8 《用戶注冊與數(shù)據(jù)提交V3.0》知識學(xué)習(xí)154
4.8.1 第三方工具jQuery 154
4.8.2 即時(shí)錯誤提示 157
4.9 《用戶注冊與數(shù)據(jù)提交V3.0》編程實(shí)現(xiàn) 158
課后習(xí)題165
實(shí)戰(zhàn)主題 5 打地鼠游戲 167
5.1 《打地鼠游戲V1.0》需求與技術(shù)分析169
5.1.1 《打地鼠游戲V1.0》任務(wù)描述169
5.1.2 《打地鼠游戲V1.0》任務(wù)效果169
5.1.3 《打地鼠游戲V1.0》技術(shù)分析169
5.2 《打地鼠游戲V1.0》知識學(xué)習(xí)170
5.2.1 BOM簡介171
5.2.2 window對象171
5.2.3 setInterval()定時(shí)計(jì)時(shí)172
5.2.4 setTimeout()延時(shí)計(jì)時(shí)174
5.2.5 location對象175
5.2.6 history對象176
5.2.7 navigator對象177
5.2.8 screen對象177
5.3 《打地鼠游戲V1.0》編程實(shí)現(xiàn)178
5.4 《打地鼠游戲V2.0》需求與技術(shù)分析181
5.4.1 《打地鼠游戲V2.0》任務(wù)描述181
5.4.2 《打地鼠游戲V2.0》任務(wù)效果181
5.4.3 《打地鼠游戲V2.0》技術(shù)分析181
5.5 《打地鼠游戲V2.0》知識學(xué)習(xí)182
5.5.1 this的含義182
5.5.2 對象的構(gòu)造函數(shù)189
5.6 《打地鼠游戲V2.0》編程實(shí)現(xiàn)191
5.7 《打地鼠游戲V3.0》需求與技術(shù)分析194
5.7.1 《打地鼠游戲V3.0》任務(wù)描述194
5.7.2 《打地鼠游戲V3.0》任務(wù)效果194
5.7.3 《打地鼠游戲V3.0》技術(shù)分析195
5.8 《打地鼠游戲V3.0》知識學(xué)習(xí)196
5.8.1 修改鼠標(biāo)指針外觀196
5.8.2 播放聲音文件197
5.8.3 JavaScript鍵盤事件198
5.8.4 第三方工具ECharts201
5.9 《打地鼠游戲V3.0》編程實(shí)現(xiàn)203
課后習(xí)題208
附錄 ECMAScript 2015(ES6) 核心特性 210
JavaScript 知識點(diǎn)索引
JavaScript編程基礎(chǔ)
JavaScript簡介 004
JavaScript歷史 004
JavaScript標(biāo)準(zhǔn)與組成 005
JavaScript在瀏覽器上的執(zhí)行過程 006
編程IDE:VSCode 006
在網(wǎng)頁中使用JavaScript的方法 007
JavaScript 編程常識與命名規(guī)范 007
JavaScript 變量、常量及作用域 009
JavaScript 數(shù)據(jù)類型 013
JavaScript 運(yùn)算符 022
JavaScript 數(shù)據(jù)類型轉(zhuǎn)換 025
數(shù)據(jù)輸入輸出 027
異常捕獲 043
程序調(diào)試 040
if語句 030
switch語句 039
for循環(huán)語句 053
while循環(huán)語句 061
do...while循環(huán)語句 063
雙重循環(huán) 072
JavaScript編程進(jìn)階
JavaScript數(shù)組 068
JavaScript 函數(shù) 056
JavaScript 對象編程
this的含義 182
對象的構(gòu)造函數(shù) 189
Math對象 051
String對象 064
Date對象 116
JavaScript編程高級
DOM簡介 082
通過方法獲取頁面元素 083
通過屬性獲取頁面元素 084
操作頁面元素屬性 086
創(chuàng)建節(jié)點(diǎn) 087
掛載節(jié)點(diǎn) 088
刪除節(jié)點(diǎn) 092
JavaScript事件概述 100
為HTML元素指定事件 101
為整個(gè)頁面指定事件 103
event對象 104
阻止默認(rèn)行為 107
JavaScript事件流模型 111
JavaScript鍵盤事件 198
BOM簡介 171
window對象 171
setInterval()定時(shí)計(jì)時(shí) 172
setTimeout()延時(shí)計(jì)時(shí) 174
location對象 175
history對象 176
navigator對象 177
screen對象 177
RegExp對象 127
正則表達(dá)式語法 131
利用正則表達(dá)式規(guī)范數(shù)據(jù)格式 133
JavaScript綜合與拓展
JSON數(shù)據(jù)格式 143
同步數(shù)據(jù)提交 142
第三方工具jQuery 154
第三方工具ECharts 201
簡易API服務(wù)器搭建 145
ECMAScript 2015(ES6)核心特性 210