全國(guó)咨詢(xún)/投訴熱線(xiàn):400-618-4000

首頁(yè)技術(shù)文章正文

JavaScript核心 Web APIs實(shí)用案例教程

更新時(shí)間:2022-09-08 來(lái)源:黑馬程序員 瀏覽量:


圖文教程
簡(jiǎn)介

本課程主要講解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)看全集視頻

2022最新版Python入門(mé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第一天  

1、DOM

2、DOM獲取方式

3、修改DOM元素內(nèi)容

4、修改DOM元素樣式 classList

5、修改表單屬性

6、定時(shí)器-間歇函數(shù) setInterval

7、綜合案例-自動(dòng)切換焦點(diǎn)圖

2第二天  

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欄切換

3第三天  

1、DOM節(jié)點(diǎn)之增刪改查

2、克隆節(jié)點(diǎn)

3、渲染商品信息案例

4、時(shí)間對(duì)象

5、時(shí)間戳

6、綜合案例-秒殺倒計(jì)時(shí)效果

7、綜合案例- 微博發(fā)布效果

8、重繪和回流

3第三天  

1、購(gòu)物車(chē)案例

2、事件對(duì)象

3、事件流

4、圖片跟隨鼠標(biāo)案例

5、微博發(fā)布按下回車(chē)發(fā)布新聞案例

6、阻止冒泡

7、事件委托

8、綜合案例- 動(dòng)態(tài)渲染學(xué)生信息

4第四天  

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ù)名

點(diǎn)擊查看更多


分享到:
在線(xiàn)咨詢(xún) 我要報(bào)名
和我們?cè)诰€(xiàn)交談!