音乐app项目总结

本文主要是介绍音乐app项目总结，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

------------恢复内容开始------------

1.项目过程

创建vue-cli——项目需求分析——项目资源准备——api搭建——移动端配适——写分页面代码

2.写项目中遇到的bug

1.资源准备时未安装postcss-pxtorem包

2.页面渲染时数据未及时加载

 主要原因是HotsongsData初始设定为空数组，在数据回来之前，HotsongsData.result就是未定义，HotsongsData.result.hots就会报错。

解决方法是将HotsongsData.result赋值给HotsongsData，这样HotsongsData.hots就不会报错。

发现解决的路径是，在获取数据和反馈数据的地方打印，根据打印的顺序可知，在请求数据回来之前，就已经渲染了。

3.在写player页面时，发现切换功能在切换到随机播放时，当前播放的歌曲被切换了。

 原因是sort方法打乱的数组不会生成新的副本，会对原数组修改，原数组是全局的，会对其它地方产生影响。

解决方法是，将原数组复制给新的变量，再对这个变量修改，原数组就不会受到影响。

4.点击切换页面时，没有反应。

原因是在写router时，这个页面的路由应该写在home页面路由的子路由里面。

5.页面未显示，设置z-index层级解决。

------------恢复内容结束------------

这篇关于音乐app项目总结的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！