非常适合vue新手练手的网易云音乐项目

置顶 已于 2023-04-07 10:06:13 修改
阅读量4.8k 收藏 56
点赞数 7
分类专栏： Vue 文章标签： vue.js 前端 javascript
于 2020-06-28 12:06:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33323469/article/details/106996171
版权

模仿网易云的练手项目
项目预览地址
就不全部截取图片了，

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

跟新了每日推存有MV的视频直接查看mv ,以及评论查看，直接上拉加载，
在这里插入图片描述
在这里插入图片描述

以及歌词滚动标色跟新
在这里插入图片描述

视频地址可以看下优酷 页面展示如下

本demo使用vue进行开发，
涉及知识点，路由守卫，路由动画，axiso,vuex, axiso封装，组件引用，路由跳转传参，缓存，各种
UI组件使用的是vant ，
非常适合新手练手
写一遍基本可以做前端的活了

如果需要源码请加入QQ158478994群进行下载

github下载地址

https://github.com/lzr1077321622/wyymusic

QQ群158478994

1登峰造极
关注
  • 7
    点赞
  • 踩
  • 56
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 12
    评论
专栏目录
springboot+vue练手级项目，真实的在线博客系统
m0_67403240的博客
07-29 1万+
1=1=null">=null">
基于JSP+Vue的仿网易云音乐网站
07-15
在本项目中，我们主要探讨的是一个基于JSP和Vue技术构建的仿网易云音乐网站。这个实训项目旨在让学生掌握Web前端开发与后端服务交互的基本技能，通过模仿实际应用来提升他们的实战经验。下面将详细阐述这个项目涉及...
Vue3+node.js网易云音乐实战项目(三)
柒柒柒柒
06-19 4026
Vue3网易云App实战项目
调用网易云Api接口实现移动Web网易云部分功能(搜索+列表+播放）
热门推荐
qq_43372180的博客
06-12 1万+
调用网易云Node.js实现网易云音乐部分功能的实现
vue实战----网易云音乐案例
2201_76041915的博客
05-23 909
把数据请求回来, 用van-image和p标签展示推荐歌单和歌单名字 /Home/Home.js。在router/index.js - 给$route里需要导航标题的添加meta元信息属性。点击 - 获取搜索结果 - 循环铺设页面views/Search/index.vue。列表数据铺设 - 插入自定义标签/Home/home.js。在api/index.js下定义推荐歌单的接口方法。在/views/Layout.vue中使用。在api/index.js文件中进行导入。
前端练手项目（Vue+elementUI，node.js+express+mongoDB）
05-15
五天学会Vue+elementUI+node.js+express+mongoDB的全栈项目 一款基于Vue+elementUI+node.js+express+mongoDB的前端全栈项目（源码），其中已使用cors解决跨域，使用token进行加密，具有基本的增删改查功能以及根据用户权限不同渲染不同的导航栏菜单。对于新手需要寻找练手项目很友好。 前端使用elementUI组件库，样式美观，功能齐全。使用前端主流框架Vue及Vue-router、Vuex、axios等vue周边。 作为前后端分离项目，可以只练习前端或者nodejs后端开发，灵活性十分强大。 使用nodejs第三方模块express，使项目开发更快，效率更高。 使用moogoose第三方模块连接mongoDB数据库，使开发变为调用API，十分简单。 采用mongoDB非关系型数据库，操作灵活，开发迅速，从需求制定到项目落地，只用了五天！！！
【前端项目】时间不够？刚学完vue2应该练的项目--todoList项目
薇z的博客
07-26 1266
该项目是一个非常简易的vu2项目,适合刚学习完vue2,或者是刚接触vue2的新手使用，但是又不想花费大量时间练大型项目的小伙伴。项目虽然小，但是涉及了最常用的增删改查功能，以及各组件之间进行传数据的方式。父子组件，自定义事件。全局事件总线等，有一定的练手意义............
vue3项目（music H5版）
m0_55986526的博客
02-11 488
music 使用vue3建设了网易云音乐网站，该项目不大不小，初学者都可以做 此项目仅供学习 技术栈 vue3.0 vue-router4.0 vuex axios 页面展示 此项目已经上传到码云，如果觉得还不错可以star，谢谢各位的支持 项目地址 ...
仿网易云音乐平台（vue项目）
06-30
在"仿网易云音乐平台（vue项目）"中，Vue.js 被用于构建用户界面，实现了音乐播放器的各项功能。Vue 的核心特性包括虚拟DOM、响应式数据绑定、指令系统以及组件化开发，使得开发者能够高效地构建复杂应用。 【HTML...
基于Vue 全家桶实现网易云音乐 WebApp
01-12
基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐 WebApp，UI 界面参考了安卓版的网易云音乐、flex 布局适配常见移动端。通过学习开发一个 Vue 全家桶项目，让自己...
基于Vue和网易云音乐API的在线音乐试听网站设计源码
03-29
这是一个基于Vue和网易云音乐API的在线音乐试听网站设计，使用Vue、CSS、JavaScript和HTML语言开发，包含52个文件。主要文件类型包括16个Vue文件、12个CSS文件、10个JavaScript文件、3个HTML文件、2个ICO图标文件、2...
vue写的高仿网易云音乐的webapp.zip
09-05
vue写的高仿网易云音乐的webapp,是学习vue不可多得的好资料，代码例子很好哦
用vuejs仿网易云音乐（实现听歌以及搜索功能）
08-30
用vuejs仿网易云音乐（实现听歌以及搜索功能）
Vue3+node.js实战项目网易云音乐APP（二）
柒柒柒柒
06-19 3090
vue3网易云App实战项目
Vue2：网易云播放音乐并实现同步一次显示一行歌词
背心的博客
10-14 3009
Vue2：网易云播放音乐并实现同步一次显示一行歌词
【vue3仿网易云音乐app】音乐app路由解析
EVELESLIE的博客
03-05 132
vue3 路由
vue音乐app项目
aptx4869200312的博客
01-08 783
转载https://blog.csdn.net/qq_34235864/article/details/86151807 VUE移动端音乐APP 1.项目准备 【音乐App】—— Vue-music 项目学习笔记：项目准备 前言： 学习慕课网Vue高级实战课程后，在实践中总结一些这个项目带给自己的收获，希望可以再次巩固关于Vue开发的知识。这一篇主要梳理：项目概况、项目准备、页面骨架搭建。项目gi...
vue3 web在线音乐项目——蔚蓝音乐 开发记录
weixin_52878347的博客
08-16 1187
想基于vue3技术独立开发一个前端项目，以前做过一个基于vue2和uniapp仿网易云音乐的微信小程序，于是想再做个web版的。前端菜鸡一枚，仅个人记录，项目存在一些布局问题和逻辑bug。只做了我觉得比较核心有趣的几个页面和功能，还有挺多东西可以完善的，等有时间可以慢慢把功能补齐。进度条和歌词滚动还有鼠标拖拽进度条和歌词进度没有实现，歌词滚动还存在一点问题，如果是歌放到一半再打开歌词界面，会从歌词第一句快速滚动到目标位置，不会直接就是正在唱的那句。
Vue 实现的音乐项目 music app 知识点总结分享
weixin_34267123的博客
02-15 620
项目总结 这是我第二个用 Vue 实现的项目，下面内容包括了在实现过程中所记录的知识点以及一些小技巧 项目演示地址：https://music-vue.n-y.io源代码地址：https://github.com/nanyang24/... 其他 此应用的全部数据来自 QQ音乐，利用 axios 结合 node.js 代理后端请求抓取 全...
vue网易云音乐项目
最新发布
06-15
Vue 网易云音乐项目是一个结合了 Vue.js 框架和网易云音乐 API 的 Web 应用示例。Vue.js 是一个流行的前端 JavaScript 框架，以其组件化、易于学习和高效开发而闻名。在这样的项目中，开发者通常会创建一个界面，让...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

1登峰造极

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值