用原生js将轮播图做成组件，提高代码复用率

前段时间准备用vue加上网易云的nodejs接口，模拟网易云音乐移动端。因为想自己写一遍所有的代码以及加固自己的flex布局，所以没有使用UI组件。在轮播图部分，本来在vue里面写了一下，但是发现总是出现bug,所以后来准备封装一个插件来实现。 其次的一个原因是，以为这一学期学…

样式构成与上一节相似，这里稍做调整，便不再赘述。 轮播图的动画效果，就是图片按照规定的方向，不停滚动以展示每一张图片，同时还可以通过点击以改变原本的展示顺序。实现有一下几点： 功能整合。 图片自行滚动务必就要使用到定时器setInterval或者setTimeout，使得移动函…

首先实现一个功能时，要从整体考虑，将大功能分解为多个小功能，在轮播图的实现中，首先最直观的，是展示出来的和未展示出来的足多张图片、可点击的多个按钮和底部提示圆点，这三部分；其次是在不进行任何操作的情况下，图片会自动朝一个方向循环滚动；最后是点击不同的按钮，图片会朝不同的方向滚动…