目錄 第1章JavaScript概述00 任務(wù)1.1認(rèn)識(shí)JavaScript00 1.1.1JavaScript的起源00 1.1.2JavaScript的作用00 1.1.3JavaScript的基本特點(diǎn)00 1.1.4JavaScript的組成00 任務(wù)1.2在頁面顯示個(gè)人信息00 1.2.1選擇JavaScript腳本編輯器00 1.2.2腳本的基本結(jié)構(gòu)00 1.2.3在網(wǎng)頁中引用JavaScript的方式00 1.2.4常用的輸入/輸出語句00 1.2.5任務(wù)實(shí)現(xiàn)0 任務(wù)1．3Chrome瀏覽器的調(diào)試使用0 1．3．1開發(fā)者工具介紹0 1．3．2Chrome瀏覽器使用postman插件0 小結(jié)0 實(shí)訓(xùn)0 課后練習(xí)0 第2章JavaScript基礎(chǔ)0 任務(wù)2.1顯示變量數(shù)據(jù)類型0 2.1.1變量0 2.1.2數(shù)據(jù)類型0 2.1.3運(yùn)算符0 2.1.4任務(wù)實(shí)現(xiàn)0 任務(wù)2.2根據(jù)成績給出學(xué)生考評(píng)0 2.2.1if語句0 2.2.2switch語句0 2.2.3任務(wù)實(shí)現(xiàn)0 任務(wù)2.3實(shí)現(xiàn)猜數(shù)游戲0 2.3.1for循環(huán)0 2.3.2while循環(huán)0 2.3.3do...while循環(huán)0 2.3.4for...in循環(huán)0 2.3.5中斷循環(huán)語句0 2.3.6任務(wù)實(shí)現(xiàn)0 任務(wù)2.4制作簡(jiǎn)易計(jì)算器0 2.4.1數(shù)值判斷函數(shù)0 2.4.2自定義函數(shù)0 2.4.3任務(wù)實(shí)現(xiàn)0 小結(jié)0 實(shí)訓(xùn)0 課后練習(xí)0 JavaScript 與jQuery實(shí)戰(zhàn)教程（第3版） 目錄 第3章JavaScript對(duì)象編程0 任務(wù)3．1實(shí)現(xiàn)京東秒殺效果0 3．1．1Date對(duì)象的創(chuàng)建0 3．1．2Date對(duì)象的常用方法0 3．1．3任務(wù)實(shí)現(xiàn)0 任務(wù)3.2制作隨機(jī)選號(hào)頁面0 3.2.1Math對(duì)象的常用屬性0 3.2.2Math對(duì)象的常用方法0 3.2.3任務(wù)實(shí)現(xiàn)0 任務(wù)3.3制作簡(jiǎn)單的焦點(diǎn)圖效果0 3.3.1數(shù)組的創(chuàng)建0 3.3.2數(shù)組的訪問0 3．3．3數(shù)組的常用屬性和方法0 3.3.4任務(wù)實(shí)現(xiàn)0 任務(wù)3．4使用對(duì)象實(shí)現(xiàn)疫情防控新聞0 3．4．1什么是對(duì)象0 3．4．2JSON0 3．4．3原型對(duì)象0 3．4．4任務(wù)實(shí)現(xiàn)0 任務(wù)3.5驗(yàn)證注冊(cè)頁面信息0 3.5.1String對(duì)象的創(chuàng)建0 3.5.2String對(duì)象的常用屬性和方法0 3.5.3任務(wù)實(shí)現(xiàn)0 任務(wù)3.6使用正則表達(dá)式驗(yàn)證注冊(cè)頁面信息0 3.6.1定義正則表達(dá)式0 3.6.2正則表達(dá)式的操作方法0 3.6.3正則表達(dá)式的模式0 3.6.4任務(wù)實(shí)現(xiàn)0 小結(jié)0 實(shí)訓(xùn)0 課后練習(xí) 第4章BOM與DOM 任務(wù)4.1制作彈出窗口特效 4.1.1BOM對(duì)象模型參考 4.1.2window對(duì)象的常用方法 4.1.3任務(wù)實(shí)現(xiàn) 任務(wù)4.2使用本地存儲(chǔ)實(shí)現(xiàn)登錄效果 4．2．1sessionStorage 4．2．2localStorage 4．2．3任務(wù)實(shí)現(xiàn) 任務(wù)4．3使用Core DOM實(shí)現(xiàn)留言板效果 4．3．1什么是DOM 4．3．2獲取頁面元素的方法 4．3．3創(chuàng)建和增加節(jié)點(diǎn) 4．3．4刪除和替換節(jié)點(diǎn) 4．3．5任務(wù)實(shí)現(xiàn) 任務(wù) 4．4使用HTML DOM動(dòng)態(tài)添加表格 4.4.1HTML DOM對(duì)象 4.4.2訪問HTML DOM對(duì)象的屬性 4．4．3表格對(duì)象 4．4．4任務(wù)實(shí)現(xiàn) 小結(jié) 實(shí)訓(xùn) 課后練習(xí) 第5章JavaScript網(wǎng)頁特效 任務(wù)5．1實(shí)現(xiàn)仿京東商品切換選項(xiàng)卡效果 5．1．1操作元素樣式 5．1．2JavaScript事件 5．1．3任務(wù)實(shí)現(xiàn) 任務(wù)5．2實(shí)現(xiàn)手風(fēng)琴動(dòng)畫效果 5．2．1scroll系列屬性 5．2．2任務(wù)實(shí)現(xiàn) 任務(wù)5．3實(shí)現(xiàn)電梯導(dǎo)航定位效果 5．3．1頁面高度的獲取 5．3．2任務(wù)實(shí)現(xiàn) 小結(jié) 實(shí)訓(xùn) 課后練習(xí) 第6章ES6新特性 任務(wù)6．1使用箭頭函數(shù)實(shí)現(xiàn)簡(jiǎn)易計(jì)算器 6．1．1ECMAScript版本 6．1．2let與const 6．1．3字符串的擴(kuò)展 6．1．4對(duì)象的擴(kuò)展 6．1．5箭頭函數(shù) 6．1．6任務(wù)實(shí)現(xiàn) 任務(wù)6．2使用ES6實(shí)現(xiàn)絢麗小球效果 6．2．1類基本語法 6．2．2Class 的繼承 6．2．3Class靜態(tài)方法 6．2．4任務(wù)實(shí)現(xiàn) 任務(wù)6．3使用ES6實(shí)現(xiàn)商品查詢效果 6．3．1解構(gòu)賦值 6．3．2數(shù)組的擴(kuò)展 6．3．3Set/Map數(shù)據(jù)結(jié)構(gòu) 6．3．4任務(wù)實(shí)現(xiàn) 小結(jié) 實(shí)訓(xùn) 課后練習(xí) 第7章jQuery基礎(chǔ) 任務(wù)7.1使用jQuery在警告框中顯示“Hello World!” 7.1.1jQuery的優(yōu)勢(shì) 7.1.2配置jQuery環(huán)境 7.1.3jQuery開發(fā)工具和插件 7.1.4任務(wù)實(shí)現(xiàn) 任務(wù)7．2仿京東商城品牌分類列表展開與收起效果 7.2.1基本選擇器 7.2.2層次選擇器 7.2.3過濾選擇器 7．2．4任務(wù)實(shí)現(xiàn) 任務(wù)7.3拓展 7.3.1jQuery對(duì)象與DOM對(duì)象 7.3.2表單選擇器 小結(jié) 實(shí)訓(xùn) 課后練習(xí) 第8章jQuery中的DOM操作 任務(wù)8.1制作圖片展示效果 8.1.1獲取和設(shè)置屬性 8.1.2刪除屬性 8.1.3任務(wù)實(shí)現(xiàn) 任務(wù)8．2仿制京東商城購物車前端局部更新效果 8.2.1查找節(jié)點(diǎn) 8.2.2創(chuàng)建節(jié)點(diǎn) 8.2.3插入節(jié)點(diǎn) 8.2.4刪除節(jié)點(diǎn) 8.2.5復(fù)制節(jié)點(diǎn) 8.2.6替換節(jié)點(diǎn) 8.2.7遍歷節(jié)點(diǎn) 8．2．8事件方法on() 8．2．9任務(wù)實(shí)現(xiàn) 任務(wù)8．3仿制京東購物車前后端交互效果 8．3．1jQuery AJAX方法 8．3．2任務(wù)實(shí)現(xiàn) 小結(jié) 實(shí)訓(xùn) 課后練習(xí) 第9章jQuery制作動(dòng)畫 任務(wù)9．1實(shí)現(xiàn)選項(xiàng)卡淡入/淡出效果 9.1.1show()和hide()方法 9.1.2fadeIn()和fadeOut()方法 9.1.3slideDown()、slideUp()和slideToggle()方法 9．1．4任務(wù)實(shí)現(xiàn) 任務(wù)9．2實(shí)現(xiàn)圖片幻燈片效果 9.2.1自定義動(dòng)畫方法animate() 9.2.2動(dòng)畫回調(diào)函數(shù) 9.2.3停止動(dòng)畫和判斷是否處于動(dòng)畫狀態(tài) 9．2．4hover事件 9．2．5任務(wù)實(shí)現(xiàn) 任務(wù)9.3拓展： 焦點(diǎn)幻燈片效果 小結(jié) 實(shí)訓(xùn) 課后練習(xí) 第10章jQuery插件應(yīng)用 任務(wù)10.1使用ssMenu固定側(cè)邊欄插件 10.1.1ssMenu插件簡(jiǎn)介 10.1.2ssMenu插件下載 10.1.3任務(wù)實(shí)現(xiàn) 任務(wù)10.2Pinterest Grid實(shí)現(xiàn)響應(yīng)式網(wǎng)格瀑布流布局 10.2.1Pinterest Grid插件簡(jiǎn)介 10.2.2Pinterest Grid插件參數(shù) 10.2.3任務(wù)實(shí)現(xiàn) 小結(jié) 實(shí)訓(xùn) 課后練習(xí) 第11章項(xiàng)目案例： 融合工廠企業(yè)官網(wǎng) 任務(wù)11.1案例分析 11.1.1需求概述 11.1.2開發(fā)環(huán)境 11.1.3案例覆蓋的技能點(diǎn) 11.1.4開發(fā)技巧 任務(wù)11.2頁面交互效果實(shí)現(xiàn) 11.2.1整站通用交互效果 11.2.2首頁交互效果 11.2.3傳媒服務(wù)頁面交互效果 小結(jié) 參考文獻(xiàn)