邂逅音乐(vue2写的)

文化娱乐 音乐 案例ID:182752
代码蛙
3 年经验· 广州市异振锋波科技有限公司
微信扫码沟通,客服可协助直接对接工程师;如当前档期不合,也可继续推荐相似案例作者。

案例介绍

项目简介:通过 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 代码的执行效率,减少不必要的重绘和重排。

邂逅音乐(vue2写的)

文化娱乐 · 音乐 案例ID:182752
联系该工程师
微信扫码,建群沟通
作者: 代码蛙 - 3年经验- 广州市异振锋波科技有限公司

案例介绍

项目简介:通过 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 代码的执行效率,减少不必要的重绘和重排。

相似案例推荐

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在 1 小时内与您联系确认。

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
更多案例
微信沟通 客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×