【源码】基于React框架的简易网易云音乐网站

项目简介

本项目是一个基于React框架开发的简易网易云音乐网站，实现了基本的音乐播放功能与用户交互。

项目的主要特性和功能

1. 具备底部播放器组件，可播放音乐并展示歌词。
2. 支持全屏歌词滚动。
3. 采用图片路由懒加载，优化了更多歌单页面的加载速度。
4. 实现文字展开收起功能，应用于歌单介绍场景。

安装使用步骤

1. 确保已下载本项目的源码文件。
2. 安装依赖项，在项目根目录下运行yarn命令。
3. 启动项目，使用yarn start命令启动开发服务器。

使用的库和工具

• React：构建用户界面。
• Antd：React的UI组件库，加速界面开发。
• Axios：处理HTTP请求与异步操作。
• Scss：样式预处理器，编写高级CSS样式。
• Dayjs：轻量级日期处理库。
• Pubsub-js：消息订阅与发布，实现组件间通信。
• js-cookie：处理浏览器Cookie。
• 其他：react-dom、mobx等。

项目部分截图

首页

登录

注册

歌单分类

排行榜

全屏

我的音乐

搜索

总结和未来计划

此项目实现了基本的音乐播放功能与用户交互。未来计划重构项目，增加自定义hook以减少代码冗余、提高模块化和可维护性，同时对页面进行优化，其他功能将逐步添加完善。

下载地址

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