案例介绍
项目简介：通过 axios 来获取音乐 api 接口获取数据，渲染歌曲信息，实现音乐播放器应用功能
负责模块：整个项目（推荐音乐、热歌榜、搜索、播放暂停页面）
技术要点：
1、 技术栈，Vue+VueX，http 交互工具 axios，less 编译，Element-ui 组件
2、 根据所点击的导航栏，发送不同的请求来渲染页面
4、 通过节流防抖的思想，解决搜索时多次触发 oninput 事件，提高性能
5、 用 axios 请求数据，并使用状态管理器进行组件之间传值和数据储存
6、 把不同路由对应的组件分割成不同的代码块，用路由懒加载进行加载，即当路由被访问的时候才加载对应组 件，提高页面加载效率
7、减少 HTTP 请求：合并或压缩 CSS 和 JavaScript 文件，使用 CSS sprite 或者 base64 编码减少图片请求，避免不必要的网络请求，减少页面加载时间
8、代码优化：避免长时间运行的 JavaScript 代码块阻塞页面加载进程，优化 JavaScript 代码的执行效率，减少不必要的重绘和重排。
案例图片
相似案例推荐
其他人才的相似案例推荐
-
SwiftUI 网易云音乐
基于SwiftUI的网易云音乐，使用网易云webAPI接口，
-
咪咕五虎驾到活动专题
作品是一个活动专题项目，主要是动画的设计，首页主要动效是5张
-
VUE3网易云
此项目使用到的技术有 VUE3 Less ElementUl
-
百度音乐
百度音乐（现更名为千千音乐） 百度音乐app后端服务：
-
蓝色草原
“蓝色草原”是内蒙古科学技术出版社开发运营的大型蒙古语听书A
-
网易云音乐
项目一、网易云音乐播放器 一、主要技术: • 使用Vue
-
AudioFun
1. Audiofun是一个针对海外西语英语的有声书app。
-
网易 Look 直播
LOOK直播简介. 网易云音乐旗下直播产品，内容围绕音乐人演
-
音乐WebApp
项目简介： 仿写网易云制作的一款WebApp音乐 使用到
-
猜歌王者
1.猜歌王者是一款听音乐猜歌曲名的轻应用，用户可以猜歌曲，小
-
猫耳FM
音频网站，包含广播剧和用户自制声音作品 核心开发，使用 R
-
猫耳直播间
猫耳直播间 核心开发，使用 React、typescrip
微信接收人才推送
关注猿急送微信平台，接收实时人才推送
