双十一到了，桃子发放了大量的优惠券，很多人急急忙忙的去申请会员。这个程序员每年都继续，免费的在线Y云会员救了我一命，可以在我加班的时候给我的身体充满电。
但是很多音乐无论是线上Y-cloud音乐还是挑音乐都是听不到的。来回切换真的很头疼。但是，作为新时代的码农，以我之前做彩票刮刮乐和1024游戏的经验，一个全网都喜欢听歌的玩家怎么可能打败我？我可以，你也可以！
音乐播放器，相信你应该已经很熟悉了。对于目前两大主流音乐播放器，其主页的布局都采用了上中下三栏布局。我做的音乐播放器也有大致相同的效果：
如果你有任何代码问题，随时下降我！
01 页面有关知识点
整个项目分为三个页面，页面切换通过监听 hashchange 事件触发路.由表格对应的函数进行，具体逻辑如下：
点击A标签页时发生页面切换，点击A标签页所在地址栏的哈希值会发生变化，哈希值的变化会触动hashchange事件；分析哈希值得到要跳转的页面名称，通过路由表比对找到对应页面的执行函数；调用获取的函数初始化页面，绑定页面的事件。
在制作页面的过程中，会涉及到这四个知识点：
模块化:每个页面相当于一个独立的模块，暴露执行函数，在页面切换时执行引入的函数；Proxy:它用于为一个对象创建一个代理，从而拦截和定制基本操作(如属性搜索、赋值、枚举、函数调用等。)，并在检测到对象发生变化时触发函数调用；Ajax: Ajax主要用于访问后端接口，无需刷新页面即可获取所需数据；Promise:因为Ajax请求是异步处理的，所以您必须掌握使用Promise进行异步处理。
02 轮播图有关知识点
轮播图一般应用于首页，其功能主要包括三部分，各部分的实现逻辑如下：
1.轮播图的自动播放
有两种方法：
1)在图片数组中从头到尾添加数据，整个图片容器会自动向某个方向移动，移动距离等于每张图片的宽度。当到达第一张图片时，会立即切换到最后一张图片；
2)改变图片容器不动，每次自动改变数据顺序。
2.轮播图手动切换
每次点击手动更改序号，注意防抖处理。
3.轮播图指示器
每次悬停指示器，获取序列号并跳转到相应的图片。
03 蓝桥云课专属
本内容全部来自蓝桥云课堂《JavaScript 从零构建音乐播放器》。
你将学到：
适合人群：
熟悉JavaScript的开发人员、学生等。如果你有任何代码问题，随时下降我！
