用Vue做一个模仿网易云音乐的单页面应用

发布时间:2019-05-07 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了用Vue做一个模仿网易云音乐的单页面应用脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

说明

楼主是一名准大四生了,在暑假花了十多天做的一个单页面应用,目的是为了熟悉一下Vue.js的开发。

网易音乐APP的功能模块非常多,目前仅仅完成了推荐歌单最新音乐排行榜播放器搜索歌曲和歌手歌手单曲查看评论等一些基本的功能。

所有需要登录才能使用的功能目前都尚未开发。

由于获取网易云数据的方式比较特殊,有时候请求数据的时间会偏久一点(为此自己也做了缓存机制来缓解这一问题)。

第一次分享自己的小项目,还望各位大佬多多支持哈

项目地址

https://github.com/SlowSoulWe...

项目预览

手机请扫描下方二维码预览

用Vue做一个模仿网易云音乐的单页面应用

PC端预览地址(只做了移动端适配,请将浏览器设置为手机预览模式)

www.wenguangblog.cn:8080

前端技

vue2 + vuex + vue-router + vue-awesome-swiPEr + axios + webpack

后端

所有数据都来自网易云音乐,APINeteaseCloudMusicApi 提供

自己在该项目基础上增加了IP代理及缓存机制,以止网易封禁IP,提高请求速度及减少API的请求频率。

效果演示

用Vue做一个模仿网易云音乐的单页面应用

用Vue做一个模仿网易云音乐的单页面应用

用Vue做一个模仿网易云音乐的单页面应用

@H_512_72@

用Vue做一个模仿网易云音乐的单页面应用

安装

 $ gIT clone git@github.COM:SlowSoulWen/vue-music.git  $ npm install 

运行

 $ npm run dev 

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! vue,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的用Vue做一个模仿网易云音乐的单页面应用全部内容,希望文章能够帮你解决用Vue做一个模仿网易云音乐的单页面应用所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。