vue 移动端音乐webapp

最新推荐文章于 2020-12-23 21:17:29 发布
最新推荐文章于 2020-12-23 21:17:29 发布
阅读量200 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript 前端 ViewUI
原文链接：https://juejin.im/post/5a798fe2f265da4e7a783b47
本项目为一个模仿QQ音乐的移动Web应用，采用Vue2.3及一系列前端技术栈实现，具备推荐歌单、歌手列表等功能。可在GitHub获取源码。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

本人一直从事前端相关开发的工作，最近利用业余时间，仿照qq音乐做了一个移动webapp.

用到的技术：vue2.3、vue-cli、vue-router、vue-lazyload、axios、vuex、移动端滚动插件 better-scroll 、fastclick等，下面是一张效果图。

目前的功能有推荐歌单、歌手列表、排行榜、搜索歌曲和歌手、以及个人中心五大块。

有兴趣的可以在我 github 上克隆下来，打开本地localhost:8080 ,然后切换成手机模式

github 地址： github.com/daimengdash…


vue全家桶--移动端音乐webapp
12-07
移动端音乐webapp-Vue高级实战项目 链接：https://pan.baidu.com/s/1tHhhvI9JOhYrcGNrXzJYjA 提取码：cqrz
基于Vue2x全家桶制作的移动端音乐WebApp
08-10
【Vue2x全家桶制作的移动端音乐WebApp】 在现代前端开发中，Vue.js是一个非常受欢迎的JavaScript框架，尤其在2.x版本时，其全家桶工具集为开发者提供了全面而强大的解决方案。Vue2.x全家桶是指包括Vue核心、Vuex...
vue2.0移动端音乐app（1）
weixin_34101229的博客
12-05 322
从0开始用vue2.0模仿做一个移动端音乐app源码地址https://github.com/Aaron0525/Vue-music一、环境搭建cd vue-musicnpm installpackage.json"stylus": "^0.54.5","stylus-loader": "^2.1.1",webpack.base.conf.jsresolve: { extensions: ['....
vue移动端音乐app-笔记
Whale
03-25 831
hi
vue音乐笔记_基于vue全家桶的移动端音乐web app
weixin_39754603的博客
12-23 229
项目描述这是一个基于 Vue2.x 和网易云音乐 API制作的移动端 web app 项目；由于是出于练习和实验的目的，因此并非是网易云音乐 app 的替代品，目前也没有涵盖全部的功能；该项目主要使用的一些工具有：webpack 和 webpack-dev-servervue 全家桶axiosbetter-scrollvue-lazyloadIconfontMuse-UI使用须知由于项目使用的 A...
Vue 实现网易云音乐 WebApp
just try
05-16 4974
项目演示地址：https://link.zhihu.com/?target=http%3A//120.79.162.149%3A3002/ 源码地址：https://link.zhihu.com/?target=https%3A//github.com/CaiJinyc/vue-music-webapp
基于Vue全家桶（2.x）制作的移动端音乐WebApp 相当美的原创、项目完整、功能景观、UI美观、交互一流 .zip
最新发布
12-02
通过 axios 请求的数据不会被正常渲染）Vue全家桶(2.x)制作的移动端音乐WebApp，一个相当漂亮的移动端音乐App，项目完整、功能预览、UI美观、基于交互一流。技术栈【摘要】Vue用于构建用户界面的MVVM框架。其核心是...
网易云音乐接口vue全家桶开发一款移动端音乐webApp
08-10
5. **移动端适配**：开发移动端WebApp时，要考虑不同设备的屏幕尺寸和触控交互，通常会使用响应式设计和移动优先策略。Vue.js提供了适应不同屏幕大小的工具和插件，如Vue Flex布局组件。 6. **音乐播放功能**：应用...
基于 Vue 的音乐 WebApp .zip
12-01
Vue 网易云音乐 WebApp基于Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐WebApp，UI界面参考了安卓版的网易云音乐、flex布局架构常见移动端。 项目演示地址移动端...
利用Vue20搭建的移动端音乐APP
08-11
利用Vue2.0搭建的移动端音乐APP
vueMusic:vue移动端音乐app 项目博客地址：
05-10
vue-app-music vue仿网易云音乐APP 学习vue而写的一个小项目 o(╥﹏╥)o 如果觉得不错的话，点个Star吧， 我会不断把这个项目修改补充完善。 还有很多功能没开始写，还有很多bug没开始改，┗( T﹏T )┛ 慢慢来，不急不急。。。(～￣▽￣)～ ##里面的数据接口用的是这个： 超级感谢！！！ ###部分截图如下：ε(罒ω罒)з
基于vue的仿网易云音乐webapp
08-12
基于vue的仿网易云音乐webapp
网易云音乐移动端webapp
08-12
vue 移动端应用完整项目模仿qq音乐
08-29
代码npm install安装所有包之后，就可以运行，代码结构清晰，对vue开发者很有帮助
基于vue全家桶开发的一款移动端音乐播放器webapp
08-12
基于vue全家桶开发的一款移动端音乐播放器webapp
vue移动端音乐----播放器组件的开发
qq_22317389的博客
07-29 2347
多个组件都可以打开播放器，所以我们要控制这个播放器的数据，一定是全局的，所以我们把数据通过vuex来管理  1.  Vuex数据设计，很多歌单都可以打开播放器，打开歌单缩小时，会出页面最下方出现小型的播放器，所以播放器的数据一定是全局的，所以把这个数据通过vuex来管理 在state.js中添加播放器的状态，并在common->config.js中添加播放器的播放模式（顺序，随机，循环） ...
vue 移动端音乐(4) 歌手界面的开发
qq_22317389的博客
07-29 1100
  1.获取歌手数据 api->singer.js import jsonp from 'common/js/jsonp' import {commonParams, options} from './config.js' export function getSingerList() { const url = 'https://c.y.qq.com/v8/fcg-bin...
这是一个基于Vue2实现的网易云音乐MV的webapp。
大灰狼的小绵羊哥哥的博客
04-21 2519
Vue2-MV 这是一个基于Vue2实现的网易云音乐MV的webapp。 https://github.com/safaring/Vue2-MV 在线地址 主页功能 查看搜索MV观看MV查看MV评论 截图 安装运行（Build Setup） # install dependencies npm install # serve with hot
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值