资讯专栏INFORMATION COLUMN

Vue.js全家桶低仿网易云音乐(MacOS版) 已新增electron打包pc平台app

leap_frog / 1121人阅读

摘要:项目地址暂时只实现了基本功能加了一点微小的效果主要适配浏览器对和做了一点微小的适配现在已经包括了打包平台的功能了源码地址项目预览项目描述前端部分整体加载进度懒加载模块的加载中提示实现了滑块增量分页新曲等使用了做单页应用使用了处理路由使用了管

项目地址

暂时只实现了基本功能 加了一点微?小的效果

主要适配pc浏览器 对android 和ios 做了一点微?小的适配

现在已经包括了electron 打包 pc平台app的功能了

源码地址

项目预览

项目描述

前端部分

整体app加载进度

懒加载模块的加载中提示

实现了滑块、tooltip、增量分页、3d新曲 等

使用了Vue.js做单页应用

使用了Vue Router处理路由

使用了Vuex管理组件间的状态,实现非父子组件之间的通信(并没有怎么用到,因为没用到全局状态 每个页面的播放歌曲是通过注入的方法触发的)

使用了electron 打包成pc平台app

后端部分

直接用了一个请求转发使用网易的api

使用了一个2毛一天的云服务器

完成情况

网易云音乐首页(热门歌单、排行榜、最新音乐)

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

播放音乐(暂只支持单曲)

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

pc平台app 实测 MacOS和Win linux未测


文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/112078.html

相关文章

  • Vue.js全家低仿网易音乐(MacOS) 新增electron打包pc平台app

    摘要:项目地址暂时只实现了基本功能加了一点微小的效果主要适配浏览器对和做了一点微小的适配现在已经包括了打包平台的功能了源码地址项目预览项目描述前端部分整体加载进度懒加载模块的加载中提示实现了滑块增量分页新曲等使用了做单页应用使用了处理路由使用了管 项目地址 暂时只实现了基本功能 加了一点微?小的效果 主要适配pc浏览器 对android 和ios 做了一点微?小的适配 现在已经包括了ele...

    graf 评论0 收藏0
  • Vue.js全家低仿网易音乐(MacOS) 新增electron打包pc平台app

    摘要:项目地址暂时只实现了基本功能加了一点微小的效果主要适配浏览器对和做了一点微小的适配现在已经包括了打包平台的功能了源码地址项目预览项目描述前端部分整体加载进度懒加载模块的加载中提示实现了滑块增量分页新曲等使用了做单页应用使用了处理路由使用了管 项目地址 暂时只实现了基本功能 加了一点微?小的效果 主要适配pc浏览器 对android 和ios 做了一点微?小的适配 现在已经包括了ele...

    melody_lql 评论0 收藏0
  • Vue.js全家桶高还原网易音乐(Windows PC)

    摘要:项目地址由于网易云的限制,部分功能可能会失效,如有需要可以项目下来在本地运行,如果炸了,麻烦在评论中告知一下我因为做的是端所以请在电脑端访问源码地址项目预览评论和歌单详情都封了我的暂时无法使用这两个功能了项目描述前端部分实现了滑块弹出层歌词 项目地址 由于网易云的api限制,部分功能可能会失效,如有需要可以clone项目下来在本地运行,如果api炸了,麻烦在评论中告知一下我 因为做的...

    sf_wangchong 评论0 收藏0
  • vue-electron制作网易音乐客户端

    摘要:很好,前端任务又来了,开发过程中踩了不少坑,一个缺点就是体积大。切入正题,通过对的一些了解,业余时间通过搭建了一个网易云音乐客户端,因为时间关系只做了客户端的核心部分,有时间更新,这个项目会坚持做下去。 前言 就在两个月前公司需求快速开发一款桌面应用软件,嗯,快速。 并且提供了技术方案Nwjs,起初不知道这款框架的存在,网上查找了一波,发现更牛逼的一款快速搭建桌面应用的框架,那么它就是...

    Lin_YT 评论0 收藏0

发表评论

0条评论

leap_frog

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<