欧美自拍亚洲综合图区,成人精品久久

首頁(yè) 免費(fèi)課使用React構(gòu)建一款音樂(lè)播放器問(wèn)答

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

            
                musiq
            
            Web前端工程師
                    
                難度中級(jí)
            
                時(shí)長(zhǎng) 2小時(shí)39分
            
                學(xué)習(xí)人數(shù)
            
綜合評(píng)分9.33
                            41人評(píng)價(jià)
                        查看評(píng)價(jià)
                                9.4
                                內(nèi)容實(shí)用
                            
                                9.3
                                簡(jiǎn)潔易懂
                            
                                9.3
                                邏輯清晰

全部評(píng)論問(wèn)答未解決精華

musiq

@GapYear 正解，解綁應(yīng)該是$('#player')而非$('#jPlayer')，是個(gè)書寫錯(cuò)誤

3 3-4 進(jìn)度條組件完善（1）

2017-08-11

musiq

謝謝大家的支持和鼓勵(lì)

51 4-1 課程總結(jié)

2017-08-11

musiq

@dsdyjp https://github.com/xiaolin3303/react-music-player

0 2-1 Webpack學(xué)習(xí)

2017-08-11

musiq

確實(shí)是，應(yīng)該在index.html的div#root后面增加一個(gè)div#player
即
<div id="root"></div>
<div id="player"></div>

似乎被意外剪掉了

4 3-3 React組件初識(shí)及jPlayer插件了解

2017-08-11

ChenNick

挺良心的，沒(méi)收費(fèi)

3 1-1 音樂(lè)播放器效果預(yù)覽

2017-08-11

jPlayer 不是一個(gè)function

講師回答 / musiq

把代碼和錯(cuò)誤都貼出來(lái)下

2 回答 1009 瀏覽 3-3 React組件初識(shí)及jPlayer插件了解

2017-08-11

qq_藍(lán)皮鼠_0

講得很好，感謝老師！

0 4-1 課程總結(jié)

2017-08-11

如何安裝該項(xiàng)目環(huán)境

最新回答 / Apeng0_0

遇到錯(cuò)誤起碼要把錯(cuò)誤貼出來(lái)。不然別人哪里知道你錯(cuò)在哪里??？

1 回答 859 瀏覽

2017-08-11

dsdyjg

源碼從哪里下載

1 2-1 Webpack學(xué)習(xí)

2017-08-11

林白丁

不知道該配置哪些依賴...要是能順便提一下就好了..自己嘗試的時(shí)候總不能直接ctrlc，ctrlv..

1 2-1 Webpack學(xué)習(xí)

2017-08-11

知己_0719

樓上的同學(xué)棒棒的，不過(guò)可能拖動(dòng)滾動(dòng)條的時(shí)候用戶是希望自動(dòng)播放的，可以在progressChangeHandler函數(shù)里加上 this.setState({ isPlay: true}); 可以避免暫停按鈕的bug

8 3-6 播放器播放控制UI及邏輯開(kāi)發(fā)

2017-08-10

知己_0719

寫到后面踩坑了，發(fā)現(xiàn)還是老師的寫法最可靠
let settedProgress = (e.screenX - this.refs.propgressBar.getBoundingClientRect().left) / this.refs.propgressBar.clientWidth;

0 3-5 進(jìn)度條組件完善（2）

2017-08-10

只剩下渣

還在用creatClass...官方不是說(shuō)下個(gè)版本要?jiǎng)h除的嘛？

2 3-1 header組件開(kāi)發(fā)

2017-08-10

知己_0719

好吧，用e.target會(huì)有bug，有時(shí)候會(huì)獲取.progress這個(gè)DOM，必須保證是父元素的DOM
setProgress(e) {
let settedProgress = e.pageX / this.refs.propgressBar.clientWidth;
this.props.setProgress(settedProgress);
}

0 3-5 進(jìn)度條組件完善（2）

2017-08-10

知己_0719

setProgress(e) {
let settedProgress = e.pageX / e.target.clientWidth;
this.props.setProgress(settedProgress);
}

0 3-5 進(jìn)度條組件完善（2）

2017-08-10

知己_0719

let settedProgress = e.pageX / e.target.clientWidth * 100;

0 3-5 進(jìn)度條組件完善（2）

2017-08-10

首頁(yè)上一頁(yè)31 32 33 34 35 36 37 下一頁(yè)尾頁(yè)

該課程已下架

課程須知: 1、有一定的前端開(kāi)發(fā)經(jīng)驗(yàn) 2、熟悉HTML、CSS，精通JavaScript 3、對(duì)前端工程化有一定的了解 4、了解ES6一些基本語(yǔ)法

老師告訴你能學(xué)到什么？: 1、webpack的配置 2、開(kāi)發(fā)環(huán)境的搭建 3、React與傳統(tǒng)開(kāi)發(fā)的理念差異 4、組件化開(kāi)發(fā) 5、React-Router的使用 6、事件訂閱及通信 7、一些最佳實(shí)踐

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

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

熱搜

最近搜索清空

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

jPlayer 不是一個(gè)function

如何安裝該項(xiàng)目環(huán)境