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

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

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

全部评论问答未解决精华

林白丁

不知道该配置哪些依赖...要是能顺便提一下就好了..自己尝试的时候总不能直接ctrlc，ctrlv..

1 2-1 Webpack学习

2017-08-11

知己_0719

楼上的同学棒棒的，不过可能拖动滚动条的时候用户是希望自动播放的，可以在progressChangeHandler函数里加上 this.setState({ isPlay: true}); 可以避免暂停按钮的bug

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

2017-08-10

知己_0719

写到后面踩坑了，发现还是老师的写法最可靠
let settedProgress = (e.screenX - this.refs.propgressBar.getBoundingClientRect().left) / this.refs.propgressBar.clientWidth;

0 3-5 进度条组件完善（2）

2017-08-10

只剩下渣

还在用creatClass...官方不是说下个版本要删除的嘛？

2 3-1 header组件开发

2017-08-10

知己_0719

好吧，用e.target会有bug，有时候会获取.progress这个DOM，必须保证是父元素的DOM
setProgress(e) {
let settedProgress = e.pageX / this.refs.propgressBar.clientWidth;
this.props.setProgress(settedProgress);
}

0 3-5 进度条组件完善（2）

2017-08-10

知己_0719

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

0 3-5 进度条组件完善（2）

2017-08-10

知己_0719

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

0 3-5 进度条组件完善（2）

2017-08-10

Jane77

老师棒棒哒

0 4-1 课程总结

2017-08-10

知己_0719

你们应该好好看看本宝宝是怎么写的并毫不犹豫给个star，传送门：https://github.com/Edge00/react-music-player

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

2017-08-10

GapYear

router4改动好大，然后..... 就回退到了 router3.*

0 3-8 页面导航，React-Router学习

2017-08-10

知己_0719

老师你让我踩坑了，提醒大家，第一：要在Header和Progress中间加一个 <div id="player"></div>，第二：不能用$(this)，而要用$('#player')。

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

2017-08-10

DCbryant

如果不具体讲webpack的话，为什么不直接用create-react-app？搞不懂...
要就全讲，要就不讲

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

2017-08-10

Snowden

老师讲的挺好的，希望把redux加入课程！老师辛苦了

1 4-1 课程总结

2017-08-10

知己_0719

好吧，我错了，原来我配置的不是热更新，而是自动刷新。配置热更新参考react-hot-loader文档https://gaearon.github.io/react-hot-loader/getstarted/。我的项目地址https://github.com/Edge00/react-music-player.git，觉得有用的小伙伴给个start吧

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

2017-08-09

知己_0719

最新版的webpack不需要写这么多配置文档，很简单就可以实现热更新。大家可以参考下我的配置，都是最新版。https://github.com/Edge00/react-music-player.git 麻烦给个star，谢谢~

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

2017-08-09

首页上一页 21 22 23 24 25 26 27 下一页尾页

该课程已下架

课程须知: 1、有一定的前端开发经验 2、熟悉HTML、CSS，精通JavaScript 3、对前端工程化有一定的了解 4、了解ES6一些基本语法

老师告诉你能学到什么？: 1、webpack的配置 2、开发环境的搭建 3、React与传统开发的理念差异 4、组件化开发 5、React-Router的使用 6、事件订阅及通信 7、一些最佳实践

微信扫码，参与3人拼团

热搜

最近搜索清空

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