本書系統(tǒng)地介紹了JavaScript的相關(guān)知識,主要內(nèi)容包括JavaScript簡介、JavaScript基本語法、DOM編程、BOM編程、JavaScript對象編程、JavaScript網(wǎng)頁特效、ES6的新特性、jQuery基礎(chǔ)及使用jQuery實現(xiàn)頁面特效等。
本書按照“項目導(dǎo)向,任務(wù)驅(qū)動,理論實踐一體化”的方法,針對“客戶端交互特效制作”能力,將知識講解、技能訓(xùn)練和能力提高有機(jī)結(jié)合,內(nèi)容組織突出“以用為本,學(xué)以致用,綜合應(yīng)用”,化解知識難點(diǎn),提高讀者學(xué)習(xí)效率。通過學(xué)習(xí)本書,讀者能夠掌握常見的網(wǎng)頁特效,能夠制作精美且具備良好交互效果的網(wǎng)頁。
本書可作為高職院校相關(guān)專業(yè)師生的網(wǎng)頁特效設(shè)計課程的參考,也可作為網(wǎng)頁特效設(shè)計班的培訓(xùn)用戶和網(wǎng)站開發(fā)從業(yè)者的自學(xué)參考書。
1.內(nèi)容豐富、組織合理
本書按照由淺入深的順序,結(jié)合職業(yè)教育背景下的軟件技術(shù)專業(yè)學(xué)生的特點(diǎn),以碎片化“知識點(diǎn)”為單元,采用案例驅(qū)動、項目導(dǎo)向,通過理論與實踐相結(jié)合的方式,便于讀者在學(xué)習(xí)知識的同時進(jìn)行項目實踐。
2.結(jié)合實際、突出實踐
本書由企業(yè)工程師精心設(shè)計了大量示例和項目實訓(xùn),體現(xiàn)了“教、學(xué)、做一體化”的思想,方便讀者快速上手,培養(yǎng)讀者實際操作的動手能力。示例和項目實踐有詳細(xì)的代碼說明和實踐步驟解釋。
3.資源豐富、立體教學(xué)
本書配備了豐富的立體化教學(xué)資源,包括教學(xué)課件、微課、電子教案、案例代碼、實訓(xùn)項目指導(dǎo)等。
4.校企合作“雙元”模式優(yōu)質(zhì)教材
本書由成都中慧科技有限公司組織,邀請實戰(zhàn)經(jīng)驗豐富的IT技術(shù)專家參與教材建設(shè),將前沿的技術(shù)引入到教材中,保證內(nèi)容新穎實用。教材主編積累了豐富的教學(xué)經(jīng)驗,他們依據(jù)先進(jìn)的教育理念,結(jié)合國內(nèi)職業(yè)院校實際教學(xué)情況以及學(xué)生專業(yè)水平,基于不同的教學(xué)情境,開發(fā)出新一代信息技術(shù)優(yōu)質(zhì)教材。
盧淑萍,副教授,廣東科學(xué)技術(shù)職業(yè)學(xué)院移動應(yīng)用開發(fā)專業(yè)副主任。主持1門省級精品在線開放課程,主編1部“十三五”國家規(guī)劃教材、1部參編教材,擁有軟件著作權(quán)8項,多次獲得廣東省教學(xué)能力大賽省一等獎。
陳玲,副教授,具有豐富的網(wǎng)頁腳本語言、面向?qū)ο蟪绦蛟O(shè)計等一線授課經(jīng)驗,主持主研省市?蒲薪谈恼n題十余項,編寫教材2本,擁有軟件著作權(quán)1項,獲四川省職業(yè)院校教師教學(xué)能力大賽(高職組)省二等獎。
吳鵑,副教授,具有豐富的數(shù)字圖像處理方面的軟件開發(fā)經(jīng)驗和一線授課經(jīng)驗,主持開發(fā)了多個軟件管理平臺的項目,授權(quán)實用新型專利1項,核心論文11篇。
王玉賢,廣東松山職業(yè)技術(shù)學(xué)院計算機(jī)與信息工程學(xué)院院長,廣東省優(yōu)秀共產(chǎn)黨員。主要研究方向有軟件開發(fā)與測試、大數(shù)據(jù)應(yīng)用研究、云計算。發(fā)表論文16篇,主持或參與省級以上項目20多項,主編或參編教材5本。
錢新杰,副教授,具有多年的軟件開發(fā)經(jīng)驗和一線授課經(jīng)驗,主持開發(fā)多個信息管理系統(tǒng),主持獲得省級教學(xué)成果獎二等獎1項,主持主研省市級課題7項,授權(quán)實用新型專利2項,論文多篇。
目錄
第 1章
JavaScript簡介 1
任務(wù)1.1 認(rèn)識JavaScript 1
任務(wù)1.2 搭建JavaScript開發(fā)環(huán)境 2
任務(wù)1.3 在頁面輸出你最喜歡的運(yùn)動 5
【本章小結(jié)】 7
【本章習(xí)題】 7
第 2章
JavaScript基本語法 8
任務(wù)2.1 查看變量的數(shù)據(jù)類型 8
任務(wù)2.2 使用條件語句實現(xiàn)分時問候 14
任務(wù)2.3 使用循環(huán)語句輸出乘法口訣表 17
任務(wù)2.4 使用數(shù)組制作導(dǎo)航條 20
任務(wù)2.5 使用函數(shù)制作簡易計算器 22
任務(wù)2.6 使用對象制作自定義表格 25
任務(wù)2.7 任務(wù)拓展 27
【本章小結(jié)】 30
【本章習(xí)題】 30
第3章
DOM編程 32
任務(wù)3.1 使用document對象實現(xiàn)復(fù)選框全選效果 32
任務(wù)3.2 使用Core DOM動態(tài)添加表格 37
任務(wù)3.3 使用HTML DOM動態(tài)添加表格 44
任務(wù)3.4 任務(wù)拓展 47
【本章小結(jié)】 49
【本章習(xí)題】 50
第4章
BOM編程 52
任務(wù)4.1 使用window對象實現(xiàn)倒計時效果 52
任務(wù)4.2 使用本地存儲實現(xiàn)登錄注冊效果 55
任務(wù)4.3 任務(wù)拓展 60
【本章小結(jié)】 62
【本章習(xí)題】 62
第5章
JavaScript對象編程 64
任務(wù)5.1 使用構(gòu)造函數(shù)和原型對象實現(xiàn)選項卡效果 64
任務(wù)5.2 使用數(shù)組輸出導(dǎo)航菜單 71
任務(wù)5.3 使用正則表達(dá)式驗證注冊頁信息 78
任務(wù)5.4 任務(wù)拓展 87
【本章小結(jié)】 89
【本章習(xí)題】 89
第6章
JavaScript網(wǎng)頁特效 91
任務(wù)6.1 使用display屬性實現(xiàn)圖片輪顯效果 91
任務(wù)6.2 使用offset系列屬性實現(xiàn)放大鏡效果 98
任務(wù)6.3 使用scroll系列屬性實現(xiàn)固定頂部菜單效果 108
任務(wù)6.4 任務(wù)拓展 112
【本章小結(jié)】 114
【本章習(xí)題】 114
第7章
ES6的新特性 117
任務(wù)7.1 使用箭頭函數(shù)實現(xiàn)簡易計算器 117
任務(wù)7.2 使用ES6實現(xiàn)絢麗小球效果 126
任務(wù)7.3 使用ES6實現(xiàn)商品查詢效果 132
任務(wù)7.4 任務(wù)拓展 144
【本章小結(jié)】 146
【本章習(xí)題】 146
第8章
jQuery基礎(chǔ) 147
任務(wù)8.1 體驗jQuery程序 147
任務(wù)8.2 使用選擇器實現(xiàn)列表的展開與收起效果 149
任務(wù)8.3 任務(wù)拓展 159
【本章小結(jié)】 161
【本章習(xí)題】 161
第9章
使用jQuery實現(xiàn)頁面特效 164
任務(wù)9.1 使用增加和刪除節(jié)點(diǎn)的方法實現(xiàn)購物車中商品的增刪效果 164
任務(wù)9.2 使用事件實現(xiàn)導(dǎo)航菜單效果 173
任務(wù)9.3 使用動畫實現(xiàn)輪播圖效果 180
任務(wù)9.4 任務(wù)拓展 189
【本章小結(jié)】 191
【本章習(xí)題】 192
第 10章
制作個人簡歷網(wǎng)站 194
任務(wù)10.1 項目介紹 194
任務(wù)10.2 需求分析 194
任務(wù)10.3 項目設(shè)計 195
任務(wù)10.4 項目實施 200
【本章小結(jié)】 229