网易云音乐vue项目开发总结

724 阅读2分钟

概述

项目名称:网易云音乐模拟版

项目时间:2020.4.28—2020.5.29

项目参与人:河南艺术职业学院文化传播技术系web2班全体学生和专业指导老师屈力

项目成果:完成网易云音乐部分功能及数据调用

1.项目依据

引用文件(以及依赖的技术):

   vue框架以及使用的各种插件,Bootstrap轮播插件,iconfont字体图标,
  node.js,vue.js,UI框架,路由携参跳转以及路由的配置,swiper插件,
  iscroll滚动插件,音乐播放器等h5标签,歌词滚动插件,等等等

项目使用的工具: 电脑,vs-code项目开发App,谷歌浏览器,

2.项目组织实施情况

2020.4.28实施,于2020.5.29结束,完成整个项目。

3.项目中所遇问题以及解决

1.刚开始时,创建项目,使用npm命令,较慢,然后使用了cnpm解决。

2.项目创建完成之后,使用了vue框架,以及一系列插件,认识了vue、vuex框架。

3.做项目时,根据对项目各个页面的分析,以及对每个页面的组件分析,

使用了路由以及携参跳转的方法。

4.代码规范问题,当我的代码写完之后我发现我的代码很乱,

于是我就百度了一个vue代码规范的vs-code的插件,然后这个问题解决了。

5.项目难点与重点:音乐播放器部分,以及路由携参跳转部分,之后借助了插件等解决了。

6.页面优化的话还可以用到懒加载router的组件,也是为了防止接口端主人把个人服务器屏蔽。

7.项目中的细节:在vue中不能直接操作data里面的数组 需要用到$set方法。

4.项目体会

在这次以及上次项目中我学到了很多,与上次项目相比,
我对于vue以及vuex架构有了新的认识与见解,
也了解了src下的文件是什么意思以及它们的作用,也知道了懒加载router的作用与用法,
也更深入的了解了computer的计算属性,以及组件化的好处以及对项目带来的便利。

                                                                   2020.5.29
                        前端开发的小白一枚,如有侵权,还请谅解,请联系作者本人,谢谢
                        还请各位前端的大神与前辈多多指导,我小白甘心学习,谢谢