曰本真人性做爰色,先锋ady69xfplay色资源网站

首頁免費課使用React構建一款音樂播放器問答

使用React構建一款音樂播放器

全部評論問答未解決精華

Heymanfk

按著老師的思路，用antd、redux、router4、webpack4做了一個。源碼https://github.com/Shurlormes/MusicPlayer，有疑問歡迎提issue一起交流

2018-04-12

小木2020

我好像是一個假前端 (?﹏?)

0 2-2 webpack dev server和常用插件使用

2018-04-11

慕前端4541411

另外吐槽下jPlayer沒有做異常檢查，給它的參數(shù)如果寫錯了它不會報錯的。。。
比如 $('#player').jPlayer('volumn', volumn);
記錯一個單詞volume，恁是檢查半個小時。

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

2018-04-10

慕前端4541411

this.setState({
volume: progress * 100,
}); 可避免音量進度條沒有更新

確實我覺得就應該這樣更新音量，而不是放到 $('#player').bind($.jPlayer.event.timeupdate, ()=>{})里面，因為放到那里面的話是隨著播放時間更新而更新state，音量的變化應該與播放進程沒有關系。

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

2018-04-10

寶慕林7583510

$("#player").bind($.jPlayer.event.timeupdate); 總是報 $ is not defined 有沒有大神解決一下

0 3-5 進度條組件完善（2）

2018-04-03

慕田峪5851112

為啥寫的內(nèi)容跟從git賬號上面的完整版差別有些大，有丟丟懵逼

0 3-5 進度條組件完善（2）

2018-04-02

L_Web

遇到問題總結(jié)：
1.npm i jquery jplayer --save-dev 安裝插件，不需要直接引入js文件
2.使用webpack.ProvidePlugin直接配置jquery全局函數(shù)，不需要到處import $ from 'jquery'
3.ES6下使用constructor(props){super(props); this.state={progress:'-'};}初始化state中的progress
4.componentDidMount(){}中this.setState已經(jīng)在另一個function作用域，在句末加上.bind(this)即可

1 3-3 React組件初識及jPlayer插件了解

2018-04-01

慕斯卡742110

那么趕進度嗎，省略那么多

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

2018-03-25

慕斯卡742110

........什么都跳過了，css跳過，配置跳過，直接跳到完成部分就是了

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

2018-03-25

初夏233

講真這位老師講的真超好，要是16年的時候來學那就是極好的，但是現(xiàn)在 = = ，兩個多小時課程，花了兩天時間配置環(huán)境修改BUG，想哭；

2 3-3 React組件初識及jPlayer插件了解

2018-03-25

慕粉3151389

在componentDidMount函數(shù)里面應該這樣寫，不能直接this.setState，因為在bind函數(shù)里面，this已經(jīng)不是指向組件實例了，
var _this = this;
$('#player').bind($.jPlayer.event.timeupdate, function(event) {
_this.setState({
progress: Math.round(event.jPlayer.status.currentPercentRelative) + '%'
});
})

1 3-3 React組件初識及jPlayer插件了解

2018-03-24

溫柔了時光

老師不是已經(jīng)說了嗎，有點基礎來學最好了，如果是想專門學webpack有老師專門講webpack的，新手最好是先使用腳手架去寫react，熟悉了之后再來用webpack配置。會報錯之前也有同學說了，在console.log里，react改成React，版本號就出來了。如果想打印hello，world，可以直接在index.html的div里面寫hello，world。還有就是如果報錯了，改完之后再打包再刷新來看，不然你怎么改都是沒有用的。因為還沒有配置熱更新。老師都很不容易，能來講課的老師都是值得我們?nèi)ス膭畹模绻袉栴}，麻煩在問答區(qū)或者評論區(qū)問，不要動不動就說別人不好，有本事你來講

7 2-2 webpack dev server和常用插件使用

2018-03-24