更新時間:2022-09-08 來源:黑馬程序員 瀏覽量:
本課程主要講解DOM、BOM操作、網(wǎng)頁特效、正則表達式、本地存儲等知識點,拒絕冷偏知識點,結(jié)合案例教學(xué),讓知識點更實用。采用閉環(huán)方式設(shè)計,每天課程都有完整的實用案例或項目,把當(dāng)天所有重點內(nèi)容進行綜合強化練習(xí), 讓學(xué)生學(xué)以致用。
全套視頻教程+筆記+源碼百度云盤下載地址:
https://yun.itheima.com/course/949.html
在線觀看全集視頻
課程亮點:
1. pink老師主講
2. 本課程主要講解DOM、BOM操作、網(wǎng)頁特效、正則表達式、本地存儲等。拒絕冷偏知識點,突出實用。
3. 課程采用閉環(huán)方式設(shè)計,每天課程都有完整的實用案例或項目,把當(dāng)天所有重點內(nèi)容進行綜合強化練習(xí), 讓學(xué)生學(xué)以致用。
4. 課堂案例在實際開發(fā)中都有運用場景。
適用人群:
1. 對前端開發(fā)感興趣的在校生及應(yīng)屆畢業(yè)生
2. 對目前職業(yè)有進一步提升需求,希望從事前端行業(yè)高薪崗位的在職人員
3. 對前端開發(fā)感興趣,希望快速入門前端開發(fā)的相關(guān)人員
4. 有一定JavaScript基礎(chǔ)的同學(xué)學(xué)習(xí)更佳
課程內(nèi)容:
1、DOM
2、DOM獲取方式
3、修改DOM元素內(nèi)容
4、修改DOM元素樣式 classList
5、修改表單屬性
6、定時器-間歇函數(shù) setInterval
7、綜合案例-自動切換焦點圖
1、DOM2級事件
2、隨機點名案例
3、事件類型
4、事件監(jiān)聽
5、高階函數(shù)
6、環(huán)境對象 this
7、排他思想
8、綜合案例- tab欄切換
1、DOM節(jié)點之增刪改查
2、克隆節(jié)點
3、渲染商品信息案例
4、時間對象
5、時間戳
6、綜合案例-秒殺倒計時效果
7、綜合案例- 微博發(fā)布效果
8、重繪和回流
1、購物車案例
2、事件對象
3、事件流
4、圖片跟隨鼠標(biāo)案例
5、微博發(fā)布按下回車發(fā)布新聞案例
6、阻止冒泡
7、事件委托
8、綜合案例- 動態(tài)渲染學(xué)生信息
1、手風(fēng)琴效果
2、頁面加載事件
3、仿新浪返回頂部案例
4、仿京東固定導(dǎo)航欄
5、電梯導(dǎo)航案例
6、綜合案例- 小米焦點圖制作
5第五天1、BOM對象
2、定時器-延時函數(shù) setTimeout
3、遞歸函數(shù)
4、js執(zhí)行機制
5、事件循環(huán) eventLoop
6、location 對象
7、swiper插件使用
8、本地存儲
9、綜合案例-本地存儲版本微博發(fā)布案例
6第六天1、BOM對象
2、定時器-延時函數(shù) setTimeout
3、遞歸函數(shù)
4、js執(zhí)行機制
5、事件循環(huán) eventLoop
6、location 對象
7、swiper插件使用
8、本地存儲
9、綜合案例-本地存儲版本微博發(fā)布案例
7第七天1、正則表達式
2、邊界符、量詞、元字符、預(yù)定義類
3、正則替換
4、發(fā)送短信驗證碼案例
5、change事件
6、綜合案例- 小兔鮮注冊頁面驗證
7、記住用戶名案例
8、首頁顯示用戶名