vue全家桶系列之网易云音乐(移动版)

网易云音乐(移动版)

  • api来源(感谢Binaryify不断更新的网易云音乐接口,这也将是这个项目不断拓展下去的坚实依托)

  • 源码地址

  • 项目预览(web端在chrome调试模式下效果更佳)

  • 针对segmenfault类app暂时无法有效预览的问题,建议粘贴http://118.89.226.181:8080到手机其他浏览器体验

  • 项目所提供请求地址希望仅供预览使用,如果在开发过程中调用,可能会引起服务崩溃,本地开发建议参考api来源,配置本地服务器代理,健康绿色环保(看样子,PM守护之光要提上日程了)

项目描述

前端

  • 选用Vux作为UI框架,诸如滑动,轮播等组件即在此基础上进行定制,交互效果也尽量依托于vux,减少重复开发

  • 基于Vue2,Vue-Router实现单页面应用

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

后端

  • 生产环境下,服务器端同源解决请求代理

  • 开发环境下,通过代理服务器解决跨域问题

UI

  • 刀耕火种,通过手机截图,像素眼比较,当然,最后还是跟着感觉走了

已完成

  • 网易云(轮播,推荐歌单,独家放送,推荐MV,网友精选歌单(最新,最热),排行榜)

  • 搜索(热门搜索,搜索结果包括单曲,歌手,专辑,歌单,用户及其滑动切换)

  • 播放页面(歌词,碟片切换)

  • 歌手,专辑,歌单,用户等详情展示

  • 音乐播放功能(切歌,播放列表,播放进度显示)

放一波效果图

发现
搜索
详情
测试
图片就到这里,more

计划(接下来)

1.MV播放,希望这个功能能走下去
2.“我的”争取还是做出来吧,尽管可能没人敢用
3.完善各个页面的功能吧,持续优化
4.抛砖引玉,向社区的大伙学习ing

最后!!!!!

1.感谢github,感谢同样在分享的你,让我能站在巨人的肩膀上
2.感谢Binaryify对接口文档的不断维护与更新。
这个项目中遇到了不少莫名其妙的坑,后面再与大伙交流,要不忘了,又得重踩

到这里,欢迎大家提issue,pr,star,如果喜欢可以watch,每周应该都会有些小更新


我的前端2017
这是给明年的自己看的,当然,还有见证的你

能lol,能dota的前端攻城狮

154 声望
14 粉丝
0 条评论
推荐阅读
vue网易云音乐v2.0(mv播放等你来看)
api来源(再次感谢Binaryify不断更新的网易云音乐接口,这也将是这个项目不断拓展下去的坚实依托,看着他的star蹭蹭蹭的往上涨,我必须厚着脸皮说有我一份功劳)

浅滩戏虾14阅读 4.3k评论 1

Vue中的diff算法
diff算法是一种通过同层的树节点进行比较的高效算法,避免了对树进行逐层搜索遍历,所以时间复杂度只有 O(n)。diff算法的在很多场景下都有应用,例如在 vue 虚拟 dom 渲染成真实 dom 的新旧 VNode 节点比较更新时...

款冬27阅读 13.3k评论 7

给我实现一个前端的 Excel 导入和导出功能
前言【负责人 A】:现在报表部分基于接口的 Excel 的导入和导出功能有点慢,前端这边能不能实现一下这个功能,然后我们在比对看看效果!【切图仔 B】: 接口这边不能优化一下吗?比如排查下慢的原因什么的。【负...

熊的猫19阅读 2.5k

封面图
vue中style scope深度访问新方式(:deep())
1、>>>如果vue的style使用的是css,那么则 {代码...} 但是像scss等预处理器却无法解析>>>,所以我们使用下面的方式.2、/deep/ {代码...} 但是有些开发者反应,在vue-cli3编译时,deep的方式会...

寒水寺一禅11阅读 34.8k评论 9

一个开源vue网站博客,nuxt开源网站,前后端分离项目
开媛笔记,基于nuxt ssr首屏服务器端渲染 。用于分享、记录、交流和学习,希望可以帮助到小伙伴们。同时网站在不断更新,创造属于猿(媛)的世界 -$Bao Yalong ..Let's Go! [链接]

jigsaw16阅读 8.4k评论 3

你知道前端水印功能是怎么实现的吗?
前一段时间由于项目需要实现水印功能,于是去了解了相关的内容后,基于 Vue 的实现了一个 v-watermark 指令完成了对应的功能,其实整体内容并不复杂!

熊的猫14阅读 1.6k

封面图
2022 你还不会微前端吗 (上) — 从巨石应用到微应用
微前端系列分为 上/下 两篇,本文为 上篇 主要还是了解微前端的由来、概念、作用等,以及基于已有的微前端框架进行实践,并了解微前端的核心功能所在,而在下篇 2022 你还不会微前端吗 (下) — 揭秘微前端核心原理...

熊的猫14阅读 1.6k

封面图

能lol,能dota的前端攻城狮

154 声望
14 粉丝
宣传栏