使用vue2.0实现的音乐播放器,有教程,附源码!!!

gaoxiaosong1113
gaoxiaosong1113 发布于 2017-01-10 17:32:51 浏览:4701 类型:原创 - 随笔 分类:Node.js - js插件 二维码: 作者原创 版权保护
最近在学vue,在掘金上看到一篇好帖子,实现的音乐播放器,心血来潮,自己也写了个~~~

实现的页功能:
  1. 排行榜
  2. 轮播图展示
  3. 搜索推荐
  4. 搜索结果
  5. 专辑
  6. 歌手
  7. 上一曲,下一曲,播放暂停
  8. 随机播放,循环播放,单曲播放
  9. 加入/删除播放列表,
  10. 查看专辑
  11. 查看歌手

github:戳这里预览地址:戳这里 喜欢的加个star
顺便加个收藏,点个赞~~
有兴趣的加个前端交流群:478688652,群里有vue2.0的教程

扫一扫手机预览
使用vue2.0实现的音乐播放器,有教程,附源码!!!


不说废话了,先上UI.
使用vue2.0实现的音乐播放器,有教程,附源码!!!使用vue2.0实现的音乐播放器,有教程,附源码!!!使用vue2.0实现的音乐播放器,有教程,附源码!!!使用vue2.0实现的音乐播放器,有教程,附源码!!!使用vue2.0实现的音乐播放器,有教程,附源码!!!使用vue2.0实现的音乐播放器,有教程,附源码!!!使用vue2.0实现的音乐播放器,有教程,附源码!!!使用vue2.0实现的音乐播放器,有教程,附源码!!!
z
给个赞 66 人点赞
收藏 84 人收藏
评论 已有 44 条评论;以下用户言论只代表其个人观点,不代表 前端网(QDFuns) 的观点或立场。
登录 以后才能发表评论
最热评论
zzmisss
zzmisss2017-01-11 15:14:3919F
厉害,也要做个像大神一样的动手能力者
举报 支持 (3) 回复 (1)
老姚
老姚2017-01-11 00:54:377F
牛逼!
举报 支持 (2) 回复 (0)
gaoxiaosong1113
gaoxiaosong11132017-01-11 15:17:1520F
加油吧,要学的东西还很多~~~~ 刚刚领导开会,让研究微信小程序~~~ //@zzmisss:厉害,也要做个像大神一样的动手能力者
举报 支持 (1) 回复 (2)
ls1210485244
ls12104852442017-01-10 21:36:196F
emoticon学习一下
举报 支持 (1) 回复 (0)
ywhluck
ywhluck2017-01-10 20:56:575F
coolemoticon
举报 支持 (1) 回复 (0)
最新评论
Lookforto
Lookforto2017-01-11 17:43:4929F
找着你这个音乐播放器学学可以不,这是最新2.0吗? //@gaoxiaosong1113:最合适的就是找现成的项目想敲一遍再说,但是不要照着写,要有自己的想法,用自己的方式实现想要的功能,而后开始第二个项目,完全由自己构思,从搭建环境到完工,走一遍,也差不多了。 //@Lookforto:嗯,有vue学习资料吗。我也要开始学vue了 //@gaoxiaosong1113:qq音乐H5上面扒 //@Lookforto:搜索音乐接口怎么弄到的
举报 支持 (0) 回复 (1)
fantasy525
fantasy5252017-01-11 17:43:0528F
厉害了,也想做一个
举报 支持 (0) 回复 (0)
gaoxiaosong1113
gaoxiaosong11132017-01-11 17:41:3127F
最合适的就是找现成的项目想敲一遍再说,但是不要照着写,要有自己的想法,用自己的方式实现想要的功能,而后开始第二个项目,完全由自己构思,从搭建环境到完工,走一遍,也差不多了。 //@Lookforto:嗯,有vue学习资料吗。我也要开始学vue了 //@gaoxiaosong1113:qq音乐H5上面扒 //@Lookforto:搜索音乐接口怎么弄到的
举报 支持 (0) 回复 (1)
Lookforto
Lookforto2017-01-11 17:39:0826F
嗯,有vue学习资料吗。我也要开始学vue了 //@gaoxiaosong1113:qq音乐H5上面扒 //@Lookforto:搜索音乐接口怎么弄到的
举报 支持 (0) 回复 (1)
gaoxiaosong1113
gaoxiaosong11132017-01-11 17:38:0325F
qq音乐H5上面扒 //@Lookforto:搜索音乐接口怎么弄到的
举报 支持 (0) 回复 (1)
Lookforto
Lookforto2017-01-11 17:37:0924F
搜索音乐接口怎么弄到的
举报 支持 (0) 回复 (1)
gaoxiaosong1113
gaoxiaosong11132017-01-11 16:11:4923F
QQ音乐的 //@wocacaca:网易云的接口么?
举报 支持 (0) 回复 (0)
wocacaca
wocacaca2017-01-11 16:08:2922F
网易云的接口么?
举报 支持 (0) 回复 (1)
zzmisss
zzmisss2017-01-11 15:20:2121F
完美大神 加油~ 学新东西也是会上瘾的 emoticon //@gaoxiaosong1113:加油吧,要学的东西还很多~~~~ 刚刚领导开会,让研究微信小程序~~~ //@zzmisss:厉害,也要做个像大神一样的动手能力者
举报 支持 (0) 回复 (0)
gaoxiaosong1113
gaoxiaosong11132017-01-11 15:17:1520F
加油吧,要学的东西还很多~~~~ 刚刚领导开会,让研究微信小程序~~~ //@zzmisss:厉害,也要做个像大神一样的动手能力者
举报 支持 (1) 回复 (2)
zzmisss
zzmisss2017-01-11 15:14:3919F
厉害,也要做个像大神一样的动手能力者
举报 支持 (3) 回复 (1)
huahua_1994
huahua_19942017-01-11 14:21:4118F
厉害 大神
举报 支持 (0) 回复 (0)
adeng215
adeng2152017-01-11 14:01:0117F
666666666
举报 支持 (0) 回复 (0)
丸子nn
丸子nn2017-01-11 12:15:1716F
厉害厉害,向大神学习!
举报 支持 (0) 回复 (0)
gaoxiaosong1113
gaoxiaosong11132017-01-11 10:09:5615F
https://vuefe.cn/v2/guide/transitions.html  这里有例子,你也可以去我的Github上看源码,我使用的是 https://daneden.github.io/animate.css/ //@hexiaohui1999emoticon,你好,请问一下大神这个页面切换的动画是怎么实现的呢?最近也在学习vueJs,路由页面之间的动画弄了好久都弄不好,想请教一下!
举报 支持 (0) 回复 (0)

作者最新