脚本宝典收集整理的这篇文章主要介绍了

Vue.js全家桶高还原网易云音乐(Windows PC版)

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

项目地址

  • 由于网易云的api限制,部分功能可能会失效,如有需要可以clone项目下来在本地运行,如果api炸了,麻烦在评论中告知一下我

  • 因为做的是PC端 所以请在电脑端访问

  • 源码地址

  • 项目预览(评论和歌单详情api都封了我的ip暂时无法使用这两个功能了)

项目描述

前端部分

  • 实现了滑块、弹出层、歌词、分页、轮播等组件 所有组件皆独立完成

  • 使用了Vue.js做单页应用

  • 使用了Vue Router处理路由

  • 使用了Vuex管理组件间的状态,实现非父子组件之间的通信

  • 初始化数据通过localstorage存储

后端部分

  • 开发环境下使用了express处理路由

  • 通过CORS解决跨域问题

完成情况

实现了

(登录功能一开始想做的,但一想大家也不放心把网易云账号密码用来登录,所以还是没做了)

  • 网易云音乐首页(轮播、推荐歌单、每日推荐、热门歌单、排行榜、热门歌手、最新音乐)

  • 切换主题(因为PC端切换主题要改的样式太繁琐,所以只做了黑色和红色的主题)

  • 搜索(歌曲搜索、歌手搜索、歌单搜索、专辑搜索)

  • 播放页面(歌词显示、所有评论显示(分页展示))

  • 歌单、专辑、歌手信息等展示页

  • 当然还有最重要的播放功能(音量调节、快进快退、切歌、当前歌单)

首页(红色主题)

首页(黑色主题)

播放页

歌单内容

图就放一部分了,更多内容欢迎戳 http://oyhfe.com/VueMusic

最后!重点!敲黑板!

距离上次交作业已经过了二十多天了,一开始也没想到这个项目会花掉我这么久时间,一路踩了很多坑,内容实现也有些繁琐,但是收获还是很多的,增加了Vue全家桶熟练度。

欢迎大家提issue,pr

总结

以上是脚本宝典为你收集整理的

Vue.js全家桶高还原网易云音乐(Windows PC版)

全部内容,希望文章能够帮你解决

Vue.js全家桶高还原网易云音乐(Windows PC版)

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过