关于前端轮播图swiper的那些事

说在前面：本人还是个前端小菜鸡，也在摸索，如果有哪里写的不对，欢迎指正，但是不喜的话别喷，谢谢

一.背景：莫名其妙的背景----最近项目中首页要做改版，其中涉及到要用轮播图展示项目组成员头像这种需求，看了antd的走马灯，发现并不能满足需求，一番百度，找到了swiper，从此开始不停的往坑里掉。

二.关于swiper的那些骚操作：

1.版本问题

swiper在经过不停的迭代目前已经到swiper6的版本，之前有2.3.4.5的版本，目前分别已经截止到2.7.6，3.4.2，4.5.1，5.4.5的版本，并且之前版本停止更新了

2.兼容性问题

因为之前想用最新的版本，所以采用了swiper6的版本，但是由于自己疏忽，没有考虑IE，导致上线后IE并不能使用轮播图，后来降会3.4.2版本，下面附上官网关于各版本的兼容性对比

由此可见从swiper5以后就不再支持IE了，所以需要兼容IE的小伙伴，要注意喽！！！

3.干货：代码

上代码了 

再说一点，为什么用swiper6了呢，因为新增swiper的React、Svelte、Vue.js版本，