【源码】基于Vue的音乐播放器系统——vuemusic

项目简介

本项目是基于Vue的音乐播放器系统，完成了歌单、歌手等多种音乐相关页面的搭建及功能开发。采用后端代理获取歌单数据，解决请求头限制问题。同时具备图片懒加载、弹框组件等功能，优化页面性能，提升用户体验。

项目的主要特性和功能

1. 页面组件搭建：构建歌单、歌手等基础音乐页面组件。
2. 本地存储：封装localStorage和cookie实现本地存储功能。
3. 后端代理：借助后端代理获取歌单数据，解决请求头限制。
4. 图片懒加载：实现图片懒加载，优化页面性能。
5. 弹框组件：提供弹框组件，用于显示提示、通知等信息。
6. 歌手页面联动：开发歌手页面左右联动滚动功能，增强用户体验。
7. 歌手详情页：完成歌手详情页开发，可获取并展示歌手详细信息。

安装使用步骤

1. 下载本项目的源码文件。
2. 安装依赖：使用npm或yarn安装项目依赖项。 bash npm install yarn install
3. 若有需要，配置后端代理以解决跨域请求问题。
4. 运行项目：使用npm run serve或yarn serve启动开发服务器。 bash npm run serve yarn serve
5. 在浏览器中访问项目地址，即可使用本音乐播放器系统。

注意事项

1. 开发时需注意请求参数的携带，避免拼写错误。
2. 使用img v-lazy时，要注意与scroll的冲突问题，可添加class="needsclick"解决。
3. 歌手页左右滚动联动功能需处理点击、触摸事件，并获取dom属性（data-*）。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】