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