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