# vue实现QQ音乐网址

**Repository Path**: wuping123/vue_realizes_qq_music_website

## Basic Information

- **Project Name**: vue实现QQ音乐网址
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-11-28
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue实现QQ音乐网站
## 2019/11/28
### 1、完成整个项目的搭建
### 2、完成随机选择歌单标签的方法
    0-9的随机数即Math.floor(Math.random()*10)
### 3、未解决params方式的接口调用实现数据的展示
## 2019/11/29
### 1、解决param方式的接口调用实现
### 2、实现歌单推荐的数据获取以及轮播功能
## 2019/11/30
### 1、实现新歌首发的数据获取以及轮播功能(api有问题)
### 2、实现精彩推荐的数据获取以及轮播功能
## 2019/12/1
### 1、实现RecommendNewAlbum组件
### 2、实现RecommendTopList组件
## 2019/12/2
### 1、实现RecommendMv组件
### 2、实现MusicFooter组件
### 3、实现Singer组件
     (1)解决了访问elementUI里面的class类的问题 /deep/
     (2)解决了分页中，currentPage通过父传子以及子传父的正确值写入问题
        父传子：props，子传父：this.$emit
     (3)解决前十个热门人物显示头像的问题(逻辑判断即可)
## 2019/12/3
### 1、实现Album组件
    (1)定义了album组件，通过传递不同的参数，对state中的album进行相应的改变
    (2)在该组件中写上Pagination子组件,并判断哪个界面需要使用到该组件
    (3)该组件减少了重复代码的使用
### 2、实现NewAlbum组件   
## 2019/12/4
### 1、实现Ranking组件
    (1)通过调用接口，实现了数据的传递与显示
    (2)解决了router参数传递的问题，/ranking/4
    (3)未能解决刷新当前页，data未读取报错的问题
    (4)解决了图片问题  
## 2019/12/5
### 1、实现SongType组件
    (1)歌单类型这块js之前的交互，还存在着瑕疵
    (2)解决了图片点击加载更多的问题
    (3)感觉代码存在冗余的现象，可能需要再进行改动
## 2019/12/6
### 1、实现RadioStation组件
    (1)解决了this.$rfes.xxx未定义的问题,在updated中进行
    (2)解决了js之间的交互问题，还存在着一些瑕疵
## 2019/12/7
### 1、实现MV组件
## 2019/12/8   
### 1、实现NumberEdition组件
    (1)、主要是针对轮播图进行操作，但未能解决  
## 2019/12/9
### 1、实现NumberEdition组件  
    (1)、实现了简单的轮播效果
### 2、实现SongDetail组件
    (1)、将组件拆分成若干个组件,在进行使用
    (2)、获取评论时，MV获取评论只能通过9091，Album获取评论只能通过3200，歌曲的评论目前无法获取。
## 2019/12/10
### 1、实现MenuDetail组件
    (1)、组件化，完成MenuInfo，SongList组件的组合到该组件中
## 2019/12/11
### 1、实现AlbumDetail组件的部分开发
## 2019/12/12
### 1、实现AlbumDetail组件
    (1)、实现了评论功能并且将undefined的问题解决
### 2、实现SingerAlbum组件的构建
## 2019/12/13
### 1、实现SingerAlbum组件
    (1)、通过location.reload解决触发点击事件页面刷新的问题
    (2)、解决刷新当前页面,singer_mid未定义的问题
### 2、实现SingerDetail组件的构建
    (1)、完成SingerInfo中，简介内容字符串的拼接
    (2)、着手完成SingerSong组件的功能
## 2019/12/14
### 1、实现AllSingerSong组件    
    (1)、在SingerDetail组件中创建子路由AllSingerSong组件,通过点击对应的歌手单曲来实现该界面内子路由的跳转
### 2、实现AllSingerAlbum组件
    (1)、解决了在SingerDetail组件中创建AllSingerDetail组件
    (2)、修改子路由的path路径，让其不会重合,在路径中添加该歌手对应单曲，专辑等的数量，将其获取作为接口的参数
### 3、解决第一层路由，首页不刷新，排行榜背景不显示的问题
    (1)、通过keep-alive,可以保持home刷新后的状态,为了不影响其他组件,用include属性即可
### 4、解决元素after添加蒙层点击无效的问题
    (1)、pointer-events：none,元素将不会成为鼠标事件的target,这种情况下，鼠标将在捕获或冒泡阶触发父元素的事件
## 2019/12/16
### 1、完成SingerDetail组件
### 2、实现MvDetail组件
    (1)、采用html5元素，让MV能正常播放
    (2)、处理相关mv的轮播特性
    (3)、因为mv和album的评论接口不同，所以必须定义两个不同的组件，但是样式，html结构可以复用，完成评论内容的展现
## 2019/12/17
### 1、完成点击链接到对应的详情界面
### 2、解决歌曲的时间戳问题 
    (1)、console.log(new Date(191970).getMinutes()); 打印对应的分钟
    (2)、console.log(new Date(191970).getSeconds()); 打印对应的秒钟
### 3、剖析歌曲是否可以在播放界面播放的问题以及考虑跳转到播放界面应该如何进行存储信息