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