# react-mobile-qqMusic
# 技术栈
1. react
2. react-router
3. react-redux
4. es6
5. axios
6. webpack
# 关于项目
## 1.安装依赖包
```
yarn
```
## 2.启动服务
### 开发者
```
npm run dev
```
## 3.编译
```
npm run build
```
# 已实现功能
## Tab-我的
![Tab-我的](https://segmentfault.com/img/bVVCk9?w=660&h=1174)
## Tab-音乐馆
![Tab-音乐馆](https://segmentfault.com/img/bVVClw?w=662&h=1182)
## Tab-发现
![Tab-发现](https://segmentfault.com/img/bVVClz?w=660&h=1174)
## 侧滑栏
![Tab-侧滑栏](https://segmentfault.com/img/bVVClH?w=660&h=1176)
## 播放列表
![Tab-播放列表](https://segmentfault.com/img/bVVCmT?w=660&h=1174)
## 播放器
![Tab-播放器1](https://segmentfault.com/img/bVVClM?w=662&h=1170)
![Tab-播放器2](https://segmentfault.com/img/bVVCl4?w=664&h=1174)
## 歌曲搜索
![Tab-歌曲搜索1](https://segmentfault.com/img/bVVCl7?w=662&h=1174)
![Tab-歌曲搜索2](https://segmentfault.com/img/bVVCmi?w=654&h=1174)
## 歌单管理
![Tab-歌单管理1](https://segmentfault.com/img/bVVCmA?w=660&h=1180)
![Tab-歌单管理2](https://segmentfault.com/img/bVVCmM?w=660&h=1176)
# 项目总结
整个项目采用了React这个框架来构建,之前我都是用Vue用做开发的。正好借此机会做一个小小的对比,纯是个人使用的心得体会。如果你也有一些不一样的心得交流的话,欢迎交流。
1. React相比Vue给我感受最深的就是他的优雅的组件化,用起来是非常爽,谁用谁知道,引用即可使用。而Vue在这块相对来说就要弱一点,引用了组件之后还要注册一下。
2. Vue在双向数据绑定的体验上要优于React的,React采用的是Flux的单向数据流动。这在实现一些需要双向数据交互的功能上,Vue是占有优势的。
3. Vue相比React更加轻量级。Vue只需要引用一个Vue.js即可使用,而React则要引用React.js、React-dom.js、babel.js(用于转换jsx的语法)。
4. Vue在上手程度上要优于React。Vue学习成本很低,另外官方有比较完善的中文文档。而React官方则只有英文文档,另外学习成本也比较高。我见到网上某人喷只会Vue的是前端小白,我对这种人只能报以呵呵。简单本身是没有错误,一个东西能以简单的方式解决难道不好吗?关于这个中文文档居然还有人喷那些喜欢用Vue的是不是英文能力差,我就再报以呵呵一笑。本身拥有中文文档就是一个优势,结果还成了被喷的地方。首先,并不是所有人的英文能力都跟某些嘴炮大神那么牛逼的。其次,就算是英文能力牛逼的人,你敢说你阅读中文的能力会比你阅读英文能力差?
5. 我个人感觉Vue的全家桶(不包括Vue)使用起来,我个人感觉是要比React的全家桶(不包括React)使用起来舒服的。
6. 虽然Vue在一些细节上要比React好,但是不能觉得React就比Vue差。这种想法是错误。特别是大型应用上,使用React项目维护起来肯定是要比Vue要好的。当然这不代表Vue不能构建大型应用。
7. React在社区生态建设上是比Vue好很多的,而且后面站着FaceBook。不怕遇到问题没人可以帮你解决的情况,而Vue的话就要稍微担心一下。
> 最后强调一下:React和Vue都是非常棒的前端框架,建议大家都去学习一下。采用React或者是Vue还是要结合业务场景和现实情况做选择的。单纯说React还是Vue好,我个人觉得都是耍流氓。
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】: 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
基于react+redux+react-router+webpack+es6+axios的仿QQ音乐客户端项目.zip (133个子文件)
.babelrc 830B
.gitignore 23B
index.html 456B
broadcasting-station-run.jpeg 118KB
discovery-zhangshaohan.jpeg 43KB
news-cover-one.jpeg 40KB
discovery-ali.jpeg 32KB
topic-lizongsheng.jpeg 28KB
topic-tianfuzhen.jpeg 28KB
songmenu-four.jpeg 22KB
songmenu-two.jpeg 20KB
songmenu-three.jpeg 20KB
topic-chenyixun.jpeg 20KB
songmenu-one.jpeg 19KB
songmenu-five.jpeg 19KB
songmenu-six.jpeg 15KB
broadcasting-station-specific.jpeg 6KB
discovery-she.jpg 469KB
carousel-cover-one.jpg 118KB
carousel-cover-six.jpg 85KB
carousel-cover-four.jpg 81KB
carousel-cover-seven.jpg 76KB
carousel-cover-five.jpg 74KB
carousel-cover-three.jpg 71KB
carousel-cover-eight.jpg 61KB
carousel-cover-two.jpg 60KB
news-cover-three.jpg 27KB
topic-linyoujia.jpg 12KB
news-cover-two.jpg 3KB
index.js 9KB
index.js 7KB
index.js 6KB
index.js 5KB
index.js 5KB
index.js 5KB
index.js 5KB
index.js 4KB
webpack.prod.conf.js 4KB
index.js 3KB
reducer.js 3KB
index.js 3KB
index.js 3KB
webpack.dev.conf.js 3KB
index.js 3KB
utils.js 2KB
index.js 2KB
webpack.base.conf.js 2KB
actions.js 2KB
App.js 1KB
check-versions.js 1KB
index.js 1KB
build.js 1KB
http.js 954B
index.js 822B
actionTypes.js 684B
music.js 682B
index.js 589B
index.js 541B
index.js 540B
url.js 447B
main.js 440B
index.js 337B
.postcssrc.js 184B
dev.env.js 156B
prod.env.js 61B
theme.js 46B
package.json 3KB
yarn.lock 422KB
README.md 3KB
icon-music-prev.png 11KB
icon-music-next.png 11KB
icon-grid-buy.png 11KB
icon-grid-recent.png 10KB
icon-music-link.png 10KB
icon-slider-vip.png 10KB
icon-music-play.png 10KB
icon-music-pause.png 9KB
icon-control-play.png 9KB
icon-user-rank.png 9KB
icon-control-pause.png 9KB
icon-input-clear.png 8KB
icon-grid-favorite.png 8KB
icon-record-recent.png 7KB
icon-user-dredge.png 7KB
icon-circle-right.png 7KB
icon-popover-discriminate.png 7KB
icon-slider-setting.png 7KB
icon-music-amount.png 7KB
icon-search-default.png 6KB
icon-qqMusic-logo.png 6KB
icon-grid-album.png 6KB
icon-user-audition.png 5KB
icon-slider-message.png 5KB
icon-grid-music.png 5KB
icon-slider-exit.png 5KB
icon-slider-skin.png 5KB
icon-music-black.png 4KB
icon-grid-radio.png 4KB
icon-grid-mv.png 4KB
icon-popover-sweep.png 4KB
共 133 条
- 1
- 2
资源评论
妄北y
- 粉丝: 1w+
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功