注意

网易云音乐 NodeJS 版 API (neteasecloudmusicapi.js.org)

到该地址将该服务端项目下载到本地运行

1. 实现了基本的音乐播放器功能，包括音乐播放，搜索，登录，歌单等
2. 使用了vue2+vue3混杂（主要为vue2，为了熟悉vue2的用法），使用了阿里图标库，使用了vant移动端组件库，以及老生常谈的axios
3. 重点收获在于熟悉登录逻辑，audio元素的用法，以及移动端处理方法（即rem，根据根元素字体大小）
4. 移动端适配问题（配合rem食用），基本思路：一是根据不同屏幕设置媒体查询，在此设置比例（一般1rem=100px），根据比例算出根元素大小，如此在不同屏幕比例下就会呈现大致相同的排版；二是对resize事件进行监听，从而在size变化时，重新计算rem取值，防止写死导致的排版错乱
5. 吐槽一点的就是，阿里的图标如果使用cdn方式引入，将会无法修改图标元素（若是该图标没有fill属性则可以修改），我使用的是下载下来本地导入然后删除所有元素（因为怕麻烦）的fill属性（会导致都变成黑白，正确做法是需要更改颜色的再删除，否则就保留）