JavaScript項(xiàng)目實(shí)戰(zhàn)開(kāi)發(fā)
javaScript的用途是解決頁(yè)面交互和數(shù)據(jù)交互，最終目的是豐富客戶(hù)端效果以及數(shù)據(jù)的有效傳遞。 并且具有良好的用戶(hù)體驗(yàn)。 javaScript可以快速實(shí)現(xiàn)頁(yè)面交互，即js操作html的dom節(jié)構(gòu)或操作樣式。 客戶(hù)端表單驗(yàn)證即在數(shù)據(jù)送達(dá)服務(wù)端之前進(jìn)行用戶(hù)提交信息即時(shí)有效地驗(yàn)證，減輕服務(wù)器壓力。即數(shù)據(jù)交互。本節(jié)課將帶領(lǐng)大家深入理解不可多得的JavaScript內(nèi)置API的使用。
-
通關(guān)要求
完成每日練習(xí)工作0/7
所有作業(yè)至少達(dá)成4個(gè)A0/4
-
通關(guān)倒計(jì)時(shí)
-
通關(guān)賞金
50
賞金說(shuō)明
賞金獲得說(shuō)明
規(guī)定時(shí)間內(nèi)一次通關(guān)，獲得100%賞金;
規(guī)定時(shí)間內(nèi)第二次通關(guān)，獲得70％賞金;
規(guī)定時(shí)間內(nèi)第三次通關(guān)，獲得50％賞金;
任務(wù)完成進(jìn)度
您的賞金排名： -- /164
-
關(guān)注創(chuàng)客學(xué)院學(xué)習(xí)助手，
隨時(shí)隨地掌握學(xué)習(xí)動(dòng)態(tài)！
-
DAY1
00:52:12 |121人正在學(xué)習(xí)
-
圖片預(yù)加載
圖片是Web頁(yè)面的重要組成部分，也是我們進(jìn)行項(xiàng)目?jī)?yōu)化時(shí)的重中之重。本課程我們一起來(lái)學(xué)習(xí)圖片的一種優(yōu)化技術(shù)--圖片預(yù)加載，并了解在什么情況下去使用它，以獲得更好的用戶(hù)體驗(yàn)。
-
DAY2
01:33:18 |155人正在學(xué)習(xí)
-
HTML5彈性盒布局骰子自由拖動(dòng)
本案例使用彈性盒布局方法和css3變形，空間設(shè)置等屬性創(chuàng)建了一個(gè)正方體骰子并能夠追隨鼠標(biāo)進(jìn)行運(yùn)動(dòng)，彈性盒是移動(dòng)端適配非常常用的技術(shù)手段，也是前端工程師必備的技能之一，案例中詳細(xì)講解了彈性盒常用的屬性以及屬性值，讓同學(xué)們對(duì)彈性盒的理解能夠逐步深入，直至掌握。
-
DAY3
01:05:57 |133人正在學(xué)習(xí)
-
利用HTML5實(shí)現(xiàn)移動(dòng)端音樂(lè)播放器（一）
本案例使用audio標(biāo)簽和原生js實(shí)現(xiàn)了一個(gè)移動(dòng)端音樂(lè)播放器，在案例中穿插了移動(dòng)端適配和布局常用的技術(shù)手段以及audio標(biāo)簽API的使用方式，結(jié)合原生JavaScript完成了炫酷的歌曲播放暫停，拖動(dòng)快進(jìn)快退和點(diǎn)擊選擇歌曲的功能。
-
DAY4
01:23:42 |92人正在學(xué)習(xí)
-
利用HTML5實(shí)現(xiàn)移動(dòng)端音樂(lè)播放器（二）
本案例使用audio標(biāo)簽和原生js實(shí)現(xiàn)了一個(gè)移動(dòng)端音樂(lè)播放器，在案例中穿插了移動(dòng)端適配和布局常用的技術(shù)手段以及audio標(biāo)簽API的使用方式，結(jié)合原生JavaScript完成了炫酷的歌曲播放暫停，拖動(dòng)快進(jìn)快退和點(diǎn)擊選擇歌曲的功能。
-
DAY5
01:24:03 |118人正在學(xué)習(xí)
-
利用HTML5實(shí)現(xiàn)移動(dòng)端音樂(lè)播放器（三）
本案例使用audio標(biāo)簽和原生js實(shí)現(xiàn)了一個(gè)移動(dòng)端音樂(lè)播放器，在案例中穿插了移動(dòng)端適配和布局常用的技術(shù)手段以及audio標(biāo)簽API的使用方式，結(jié)合原生JavaScript完成了炫酷的歌曲播放暫停，拖動(dòng)快進(jìn)快退和點(diǎn)擊選擇歌曲的功能。
-
DAY6
01:46:39 |133人正在學(xué)習(xí)
-
javaScript運(yùn)動(dòng)框架實(shí)現(xiàn)網(wǎng)頁(yè)右邊欄客服滑動(dòng)效果（一）
本案例使用原生JavaScript封裝運(yùn)動(dòng)框架并利用封裝好的框架實(shí)現(xiàn)網(wǎng)頁(yè)常見(jiàn)的右邊欄客服動(dòng)畫(huà)效果，包括樣式變化，位置移動(dòng)和輪播圖，本課程從基礎(chǔ)的運(yùn)動(dòng)原理到運(yùn)動(dòng)框架封裝，由淺入深，逐步帶領(lǐng)同學(xué)們深入理解原生JavaScript的運(yùn)動(dòng)效果。
-
DAY7
00:44:36 |88人正在學(xué)習(xí)
-
javaScript運(yùn)動(dòng)框架實(shí)現(xiàn)網(wǎng)頁(yè)右邊欄客服滑動(dòng)效果（二）
本案例使用原生JavaScript封裝運(yùn)動(dòng)框架并利用封裝好的框架實(shí)現(xiàn)網(wǎng)頁(yè)常見(jiàn)的右邊欄客服動(dòng)畫(huà)效果，包括樣式變化，位置移動(dòng)和輪播圖，本課程從基礎(chǔ)的運(yùn)動(dòng)原理到運(yùn)動(dòng)框架封裝，由淺入深，逐步帶領(lǐng)同學(xué)們深入理解原生JavaScript的運(yùn)動(dòng)效果。
?2015-2020 華清遠(yuǎn)見(jiàn)教育集團(tuán) 版權(quán)所有 京公海網(wǎng)安備110108001117號(hào)
京ICP備05046727號(hào)-3