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

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

musiq Web前端工程师
难度中级
时长 2小时39分
学习人数
综合评分9.33
41人评价 查看评价
9.4 内容实用
9.3 简洁易懂
9.3 逻辑清晰
这个配置有点扯,建议去下面找个项目做完的拷贝下GIT的配置
课程很好,如果能听到老师的redux课程就更好啦!

最新回答 / BR_0001
webpack.config.js里entry是devServer的相关使用方法,webpack-dev-server(1)可以监听本地文件变化自动编译文件(2)本地服务器模块热替换(你看到的页面内容自己更新,但是没有刷页面的操作)是用react-hot-loader(作者已经不维护,目前推荐react Transform),第一个配置也是在entry里,然后在plugin(插件)里使用new webpack.HotModuleReplacementPlugin(),最后在index.js使用import...

最新回答 / 崽子仔仔
额,这个我今天正好在另一个项目中遇到过,你看一下你的babel-loader版本和webpack的版本,把babel-loader的版本调回6.x,webpack的版本调回1.x,比如   npm install --save babel-loader@6.2.4

最新回答 / AnthonyYY
server.js 不是直接生成的 自己创建这个文件并且coding跟视频总一样的代码。项目工程的构建不是这个课程的重点所以这些东西老师就只讲个大概。
报BUG:
musicList:MUSIC_LIST.MUSIC_LIST要写成这样
因为第一个是指导入的文件,第二个才是对象
老师说的很清楚,是 es6 语法中的模板字符串了。你们是没有认真听还是什么?
我来报一下BUG:

要改成1.<Player currentMusicItem={this.state.currentMusicItem}>
2.config 里musicList.js文件的导出 exports.exports.MUSIC_LIST = [
3.然后引用的时候:MUSIC_LIST.MUSIC_LIST[0]
本节至下一节课程代码已上传(完善了部分bug)
https://github.com/xzylogic/workspaces.git
最重要的一步:先选择我的分支 xzy_reactMusic_6
然后点击进入React,再点击进入react-music-player
继续完善一下bug,当删除最后一首时也停止播放,且播放页面变为空。代码已上传至
https://github.com/xzylogic/workspaces.git
先选择我的分支 xzy_reactMusic_6进入React
if(this.state.musicList.length===0){
$("#player").jPlayer('pause');
$("#root").css('display','none');
}else if(this.state.currentMusicItem === musicItem){
this.playNext('next');
}
这算法长见识了,以后碰到就不用if、else这样一直判断了,厉害!
3-7至3-8节课程代码已上传至
https://github.com/xzylogic/workspaces.git
最重要的一步:先选择我的分支 xzy_reactMusic_5
然后点击进入React,再点击进入react-music-player,OK,
3-7至3-8节课程代码已上传至
https://github.com/xzylogic/workspaces.git
最重要的一步:先选择我的分支 xzy_reactMusic_5
然后点击进入React,再点击进入react-music-player,OK,
课程须知
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
提交
取消