vue.js实现简易播放器总结

一.项目主要技术和地址

1.知识点：vue-router+axios+Element-ui库+js
2.项目gitee地址

二.src目录分解

1. assets文件夹:保存项目所用的图片资源和所有样式，因为该项目主要通过视频了解到，所以基本结构和样式是直接拉取下来的，需要的朋友可以在b站黑马播放器即可。
   2.common文件夹：基于项目经常要用到时间，播放量的转换，对此进行封装减少代码的重复性
   
   其中将时间戳转换为正常时间格式，在使用formatDate函数时，需要将时间戳转换为date对象实例(单位为毫秒)，输出时间格式自定义 ‘yyyy-MM-dd hh:mm:ss’
   

3.components文件夹：分为顶部组件和内容区域组件

4.network文件夹： request.js为axios中baseUrl地址的封装，后面对应不同页面的数据请求，再进行对应页面的数据请求的封装，比如：discovery.js为发现音乐页面的数据请求

5.router文件夹：路由的配置

6.views文件夹：对应着各个页面的数据请求，数据展示

其中粗略了解到Element-ui组件库的使用，根据Element-ui文档，下载，引入Element-ui和样式，安装在全局，然后直接在文档中拉取即可，该项目使用了轮播图，提示框，标签，分页组件

三.常用的知识点

1.根据接口文档进行数据的请求
封装baseUrl

根据接口文档数据封装对应的接口

使用接口进行数据请求

2.对请求的数据中，时间戳的转换中for循环的使用


另外方式的for循环

3.高阶函数的使用(filter,map,reduce)


4.路由跳转
下载，配置

挂载

使用