使用React构建一款音乐播放器_技术问答

首页免费课使用React构建一款音乐播放器问答

使用React构建一款音乐播放器

全部评论问答未解决精华

虚伪的爱学习

正正常常讲一下不好吗，为什么要跳跃，感觉很不爽！

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

2017-12-28

mk874997967

style={{width:`${this.props.progress}%`}} 这里的引号是反引号在键盘上 1 的左边那个 es6 字符串组合用的很是巧妙大家别弄错了

2 3-4 进度条组件完善（1）

2017-12-28

笑疯洋洋

推荐https://ke.qq.com/course/227111这个react关于环境搭建步骤，很好

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

2017-12-28

慕圣6988371

我学这个简单的小思路啊，就是看你着重学什么，很明显老师没有把配置这一块详细讲，自己配置真的太头疼，我就直接把老师github上的这个项目全部下载下来，老师讲哪一块，我就找到那个文件，把代码全部打上注释，这就相当于下边是正确答案，自己上边打草稿，因为我着重想学下react组件这一块，那对于配置就听听跳过，不纠结

2 3-1 header组件开发

2017-12-27

夏日清风_

看完了，给个赞，然后去完成下循环切换功能

0 4-1 课程总结

2017-12-26

emloxe

这个算法好6

0 3-9 组件通信（1）

2017-12-25

qq_天蓝蓝蓝_0

点击歌曲进度条，播放状态显示play

progressChangeHandler(progress) {
$('#player').jPlayer('play', duration * progress);
this.setState({
isPlay: true,
});

},

0 3-6 播放器播放控制UI及逻辑开发

2017-12-25

不再使用

如果用es6class创建组件不要用getInitialState React在ES6的实现中去掉了getInitialState……
Class App extends React.Component {

constructor(props) {
super(props);
this.state = {};
}
...

}

5 3-3 React组件初识及jPlayer插件了解

2017-12-22

不再使用

createClass已经废弃了用createComponent或者es6 class 唉技术更新太快里面好多过时了坑有点多

1 3-3 React组件初识及jPlayer插件了解

2017-12-22

夏日清风_

跳跃真挺大，一堆报错

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

2017-12-21

不再使用

react-hot-loader已经过时了啊

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

2017-12-21

冷月诗魂

每个章节的代码已上传
https://github.com/xzylogic/workspaces.git
最重要的一步：选择我的分支 xzy_reactMusic_? 来查看不同小节课程的代码，commit里看介绍
然后点击进入React，再点击进入react-music-player，里面就是不同章节代码

1 1-1 音乐播放器效果预览

2017-12-20