proginn22212178892024年12月22日
246阅读

作品详情

该项目是在6月份离职之后,想让自己接触的领域更广泛些而学习做的一个项目。系统使用的是网易云的API接口文档,通过github下载后,在本地搭建了nodejs服务器,在使用axios请求的时发现有跨域问题,在原来的基础上加入了第三方cors库解决跨域问题,音频出入口使用Aplayer,视频出入口使用Dplayer,状态管理的异步采用axios技术,该项目已经通过腾讯云服务器和宝塔初步发布到个人服务器中。系统包括热门音乐,热门MV,热门歌单,歌手,搜索,最近播放,我的喜欢,个人歌单,我的收藏。
项目技术:Vue全家桶,ElementUI/ES6 ,Axios,HTML5/CSS3。
项目职责:
搭建项目框架,将路由,状态管理,网络请求,公共组件等功能抽离成独立模块,最后集成的方式把他们组合起来。
自定义轮播图的展示,控制整个组件的展示,通过将页面分类成侧边导航栏,头部,尾部,主体内容。
路由、图片等形式都采用懒加载的方式,提升用户体验,状态管理vuex技术。
使用ApiPost6对API接口文档中的接口进行测试,分析、筛选接口,对接口返回的JSON数据进行数据清洗,之后进行合并放入组件使用。
使用HTML原生自带的audio控制音频的出入口
用户通过UI组件触发播放音频播放事件,通过axios请求返回的数据保存到vuex中,再将数据流向音频组件用于播放,控制音频出口的唯一性。
自定义公共组件库将页面所需的组件进行封装,减少代码冗余,提高代码的复用率。
模块测试,Bug修复
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论