为了账号安全,请及时绑定邮箱和手机立即绑定

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

musiq Web前端工程师
难度中级
时长 2小时39分
学习人数
综合评分9.33
41人评价 查看评价
9.4 内容实用
9.3 简洁易懂
9.3 逻辑清晰
正正常常讲一下不好吗,为什么要跳跃,感觉很不爽!
style={{width:`${this.props.progress}%`}} 这里的引号是反引号 在键盘上 1 的左边那个 es6 字符串组合用的 很是巧妙 大家别弄错了
推荐https://ke.qq.com/course/227111这个react关于环境搭建步骤,很好
我学这个简单的小思路啊,就是看你着重学什么,很明显老师没有把配置这一块详细讲,自己配置真的太头疼,我就直接把老师github上的这个项目全部下载下来,老师讲哪一块,我就找到那个文件,把代码全部打上注释,这就相当于下边是正确答案,自己上边打草稿,因为我着重想学下react组件这一块,那对于配置就听听跳过,不纠结
看完了,给个赞,然后去完成下循环切换功能

最新回答 / 西瓜Lucy
import PubSub from 'pubsub-js'
这个算法好6
点击歌曲进度条,播放状态显示play

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

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

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

}
createClass已经废弃了 用createComponent或者es6 class 唉技术更新太快里面好多过时了 坑有点多
跳跃真挺大,一堆报错
react-hot-loader已经过时了啊
每个章节的代码已上传
https://github.com/xzylogic/workspaces.git
最重要的一步:选择我的分支 xzy_reactMusic_? 来查看不同小节课程的代码,commit里看介绍
然后点击进入React,再点击进入react-music-player,里面就是不同章节代码
课程须知
1、有一定的前端开发经验 2、熟悉HTML、CSS,精通JavaScript 3、对前端工程化有一定的了解 4、了解ES6一些基本语法
老师告诉你能学到什么?
1、webpack的配置 2、开发环境的搭建 3、React与传统开发的理念差异 4、组件化开发 5、React-Router的使用 6、事件订阅及通信 7、一些最佳实践

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消