小白都能理解的轮播图原理及源代码，并纠正一个轮播图误区，模仿的样式是小米官网的，但是轮播图的原理相同（还没写完）

 轮播图， 

          应该是前端小白上手写代码后最头疼的一块了，反正我当时是从网上搜了好多博客以及bilibili视频，但要么是看不明白，要么是代码根本不能实现，反正当时发愁了很久，废话不多说了，我们开始吧！

纠正误区，

             搜轮播图代码的时候发现，很多人都会讲的一个问题，就是克隆首图放在尾部，克隆尾图放在首部，这么做是为了避免最后一张图到第一张图出现空白的问题，但是我发现不必这么做也不会出现空白的问题（也可能是考虑不周全，欢迎评论指正，嘻嘻）

第一，

           我们先看下小米官网的轮播图长什么样子，（先不管侧边导航栏）

1、鼠标悬停到左右切换的小尖尖上会有背景颜色变化

2、点击小尖尖会切换图片，同时右下角小圆圈也会切换到对应位置

第二

         是搭建出轮播图整体框架，把五张图片放上去，还有五个小圆点