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

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

musiq Web前端工程师
难度中级
时长 2小时39分
学习人数
综合评分9.33
41人评价 查看评价
9.4 内容实用
9.3 简洁易懂
9.3 逻辑清晰
我说这一句width: '${this.props.progress}%'怎么都传不出百分比,原来不是单引号“ ' ”,而是Tap键上面的这个不知叫什么鬼符号" ` ",我的天呐找了半天问题TAT
react的学习又进一步,我用老师的方法写了一个播放视频的app
直接用react自带的模版好了
webpack.optimize.occurenceorderplugin is not a function
https://github.com/xiaolin3303/react-music-player/blob/master/package.json配置文件的网址,直接复制或者下载都行
https://github.com/xiaolin3303/react-music-player
14.html-webpack-plugin
15.json-loader
16.less
17.less-loader
18.style-loader
19.webpack
20.webpack-dev-server
来来来,你们要的安装依赖
安装方法 npm install 依赖包名称 --save
1.autoprefixer
2.babel-core
3.babel-loader
4.babel-plugin-react-transform
5.babel-preset-es2015
6.babel-preset-react
7.css-loader
8.extract-text-webpack-plugin
9.pubsub-js
10.react
11.react-dom
12.react-hot-loader
13.react-router
写不下了,接下楼
用最新的库包括React(v15.6.1),react-router-dom(v4.1.2)改造了一下老师的代码,加上了播放模式的控制,GitHub地址:https://github.com/Soundgreat/react-music-player 觉得OK的话就随手加个星,点个赞吧^_^
老师的歌单太棒了!学到了很多知识,看到自己做出来的音乐库就特别有成就感。
感谢老师,期待您的下一次课程!
https://github.com/Edge00/react-music-player
不知道该配置哪些依赖...要是能顺便提一下就好了..自己尝试的时候总不能直接ctrlc,ctrlv..
GGT
老师的package.json:https://github.com/xiaolin3303/react-music-player/blob/master/package.json
课程须知
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
提交
取消