![](https://img-blog.csdnimg.cn/d80ced50a5424abca2b9e970bd2f8a70.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
PC端云音乐项目
文章平均质量分 87
项目基于网易云后台接口,前端使用vue全家桶实现PC端云音乐项目
海面有风
梦想很大,仍需努力
展开
-
10月27号、28号、29号、30四天PC端云音乐项目总结
????前序 本来是昨天要写总结的,昨天就已经基本完成了将音乐进度条移植到项目中并且与音频实现联动的。 但是,昨天晚上自己手贱????,为了将功能实现的更好,希望能够实现保存之前用户播放的歌曲,下次打开时能够直接显示出来。就是要增加这个功能,一直再改,改到晚上8,9点。没改出来,还出来了bug。所以就没时间写总结。???? ????四天的内容展示 美化 MV 详情页???????? 每一个 MV 详情页都不一样(背景图不一样)???????? 音乐进度条???????? 歌单播放页原创 2021-10-30 21:02:22 · 136 阅读 · 0 评论 -
10月24号、25号、26号三天PC端云音乐项目总结
????成果展示 项目到今天已经经过 12 天了,下面把这 12 天的目前页面效果展示如下(目前仅差歌曲播放页)???? ????????主页 * ????????歌手 ????????排行版 ????????MV ????????MV 详情 ????????歌手介绍 ????????歌单详情一 ????????歌单详情二 ????????歌单详情三 由于时间比较仓促,所以细节上面,还没有去细扣。等歌曲播放页完成后,再统一处理页面样式???原创 2021-10-26 22:24:23 · 106 阅读 · 0 评论 -
10月21号、22号、23号三天PC端云音乐项目总结
????这三天完成的效果图 ????三天的内容及遇到的问题 1、????完成滚动条触底,加载数据 控制浏览器滚动条✨ window.addEventListener('scroll',() => { // 滚动视口高度(也就是当前元素的真实高度) let scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight; // 可见区域高度 let client原创 2021-10-23 16:19:56 · 529 阅读 · 5 评论 -
10月18号、19号、20号三天PC端云音乐项目总结
先展示成果 主页???? 歌单页???? 三天干了啥 ✨对 axios 请求进行封装,减少代码的重复率,提高代码利用率,并且方便项目管理 ✨对一些数据进行格式处理(日期,毫秒转分钟,播放量) // 格式化日期 _tranDate(str) { let date = new Date(str); let year = date.getFullYear(); let mouths = date.getMonth() + 1; let day = d原创 2021-10-20 22:29:14 · 70 阅读 · 0 评论 -
10月17号PC端云音乐项目总结
接着昨天轮播图的问题 看了之前的项目,没有出现横向轮播图。可能是我目前这个项目的页面安全宽度超过了本身轮播图可容纳宽度的极限。导致浏览器横向出现滚动条???? 今天完成的效果图 今天主要是在细节方面进行修改,截图看不出来什么????·,如若要看效果,可以移步到✨这里✨ 主要美化代码 组件美化代码主要是 CSS 代码,这里就不都贴出来了。只是贴loading组件 和 sessionHeader组件???? 对歌单播放数量进行格式化 //播放数量处理 _tranNumber(n原创 2021-10-17 20:47:51 · 92 阅读 · 0 评论 -
10月15号和16号PC端云音乐项目总结
10月15号项目搭建 第三方服务 使用 vercel 搭建第三方音乐API 使用 Github 对项目进行管理 技术选型 Vue 全家桶 项目特点 图片懒加载 接口代理转发 项目插件 目前使用到框架如下 (Element-UI 后期视情况而定) 相关插件的配置及注意事项 node-sass 、sass-loader 目前下载的最新版本,在项目启动时会报错。建议使用 node-sass^4.14.1 和 sass-loader^8.0.2 这个版本在我的项目中是没有报错的。 swiper 建议原创 2021-10-16 21:31:11 · 168 阅读 · 0 评论