第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定

使用React構(gòu)建一款音樂播放器

musiq Web前端工程師
難度中級
時長 2小時39分
學(xué)習(xí)人數(shù)
綜合評分9.33
41人評價 查看評價
9.4 內(nèi)容實用
9.3 簡潔易懂
9.3 邏輯清晰
樓上的,你的module寫錯了,不要加多余的引號。
謝謝老師,照著老師的思路,完成了播放器 : https://github.com/dcison/React-Music-Player(
隨機(jī),順序,單曲功能也完成了,雖然還有小bug),順便賣一下廣告,自己搭建的webpack腳手架(https://coding.net/u/Dcison/p/webpack/git)23333333ヾ(??▽?)ノ
webpack需全局安裝。
老師講的太棒了
redux英 ['ri?d?ks]美 ['rid?ks]
adj. 回來的,回家的
更多釋義>>
[網(wǎng)絡(luò)短語]
Redux 右芬氟拉明,回來的,終極版
Squirmee REDUX 拯救粉紅妹妹
Manifesto Redux 唱片名
我找了半天才找到錯誤,id為player的id,
好像很不錯的樣子

已采納回答 / 慕粉3732965
你在player.js中,處理音量的方法中,加上this.setState()方法來更新volume值即可。changeVolumeHandler(progress) {? ? ? ? $('#player').jPlayer('volume', progress);? ? ? ? this.setState({? ? ? ? ? ? volume: progress * 100? ? ? ? })? ? },因為react是數(shù)據(jù)驅(qū)動的,只要更新state狀態(tài)就會觸發(fā)重新渲染UI。視頻中的寫法,“要再次點(diǎn)...
感謝,講得很好!!

講師回答 / musiq
柵格系統(tǒng)是需要引入css的,課程中沒有具體實現(xiàn)這部分,是我直接寫好的引入的,你需要到課程的github下載代碼引用進(jìn)來。注意下index.html文件中的<link rel="stylesheet" type="text/css" href="/static/css/common.css">common.css中有柵格系統(tǒng)的實現(xiàn)
喜歡這種小項目實戰(zhàn),做一個播放器,代碼寫得累了可以聽聽~
有一個小小的BUG,當(dāng)在列表頁刪除當(dāng)前正在播放的歌曲時;播放頁仍然在播放剛剛刪除的歌曲,解決方案:
在DELETE_MUSIC這個訂閱里加上這一段即可
if(this.state.currentMusicItem === musicItem){
this.playNext(&#039;next&#039;);
}
感謝支持和鼓勵 :)
@GapYear 正解, 解綁應(yīng)該是$(&#039;#player&#039;)而非$(&#039;#jPlayer&#039;),是個書寫錯誤
課程須知
1、有一定的前端開發(fā)經(jīng)驗 2、熟悉HTML、CSS,精通JavaScript 3、對前端工程化有一定的了解 4、了解ES6一些基本語法
老師告訴你能學(xué)到什么?
1、webpack的配置 2、開發(fā)環(huán)境的搭建 3、React與傳統(tǒng)開發(fā)的理念差異 4、組件化開發(fā) 5、React-Router的使用 6、事件訂閱及通信 7、一些最佳實踐

微信掃碼,參與3人拼團(tuán)

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復(fù)購買,感謝您對慕課網(wǎng)的支持!

本次提問將花費(fèi)2個積分

你的積分不足,無法發(fā)表

為什么扣積分?

本次提問將花費(fèi)2個積分

繼續(xù)發(fā)表請點(diǎn)擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消