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

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

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

全部评论问答未解决精华

Bangb

React的请求用什么好一些呢，之前用的fetch请求，但是兼容不是很好

0 4-1 课程总结

2018-01-27

沐有粗线

课程非常好，感谢。
结合老师的思路用 dva+react实现了这版音乐播放器，支持从播放列表点击跳转播放音乐。
数据方面没用全局变量，通过前端mock数据涵盖了完整的前后端数据流交互流程。
欢迎大家拍砖交流~~
地址：https://github.com/hangview/react-music-player

2018-01-26

慕前端5585029

在对当前播放歌曲进行颜色加深时，musiclistitem.less文件中的&.focus是什么意思啊，还有ls文件中<li>标签在模板函数判断的时候为什么要在focus前面加一个空格？开始写的时候没注意加空格，样式都乱了。还有less文件中的&::before那些又代表什么意思呢？求大神解答呀！！！！

0 3-7 歌曲列表页面开发

2018-01-25

啊哈HL

使用create-react-app脚手架搭建react音乐播放器
项目地址：https://github.com/LuvJia/react-musicplayer
项目预览：https://luvjia.github.io/react-musicplayer/

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

2018-01-24

啊哈HL

使用create-react-app脚手架搭建react音乐播放器
项目地址：https://github.com/LuvJia/react-musicplayer
项目预览：https://luvjia.github.io/react-musicplayer/

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

2018-01-24

啊哈HL

使用create-react-app脚手架搭建react音乐播放器
项目地址：https://github.com/LuvJia/react-musicplayer
项目预览：https://luvjia.github.io/react-musicplayer/

2018-01-24

啊哈HL

let barStyle = {
width: `${this.props.progress}%`
};
return (
<div className="components-progress" >
<div className="progress" style={barStyle}></div>
</div>
);

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

2018-01-21

qq_高山流水_32

生成了个main.js，这文件是不是特别大，三万六千多行

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

2018-01-19

liuchunying0930

webpack 打包也提示成功但是没有bundle.js文件啊

4 2-1 Webpack学习

2018-01-18

笑疯洋洋

react-router4 传值：
<Route path="/" render={() => <Player currentMusicItem={this.state.currentMusicItem}></Player> } />
<Route path="/list" render={() => <Musiclist musicList={this.state.musicList}></Musiclist> } />
新版本路由写法请参考楼上童鞋~

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

2018-01-18

门上的摇晃头脑还在炫耀

觉得难学的建议先去补补webpack和nodejs
可以先看看这两个教程
https://www.jianshu.com/p/324fd1c124ad
https://www.jianshu.com/p/9ff4eb06b443

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

2018-01-17

笑疯洋洋

坚持看到这节的童鞋们，已经不多了。。跟着做到这节，虽然有点小坑，对照新版本查一下，就爬出坑了！真的是越做越爽！小伙们一起加油~

1 3-7 歌曲列表页面开发

2018-01-17

笑疯洋洋

有个坑，在root文件引入音乐列表，需要import {MUSIC_LIST} from './config/Musiclist.js'，要不然子组件报错，获取不到音乐列表内容

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

2018-01-17

笑疯洋洋

直接onClick={(this.changeProgress).bind(this)} 也可以

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

2018-01-16

笑疯洋洋

最新版进度条更新 style={{width: this.props.progress+'%'}}

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

2018-01-16

首页上一页 3 4 5 6 7 8 9 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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