① web前端开发小插件之swiper轮播图
前端开发是现在比较火的一个职业，当然前端工程师的水平也是参差不齐，小编也是其中一员，技术还在努力提高中。在前端开发中经常会遇到要做轮播图的时候，一般在网站首页。网上有很多的轮播图插件，小编要介绍的就是一款跨PC跟移动平台的轮播图插件——swiper。
② 关于Swiper插件的问题
移除索引为index的slide。例如：
mySwiper.removeSlide(0); //移除第一个
mySwiper.removeSlide([0, 1]); //移除第一个和第二个
mySwiper.removeSlide(index)参数
<script>var mySwiper = new Swiper('.swiper-container',{
})
$('#btn').click(function(){
mySwiper.slideTo(0, 1000, false);//切换到第一个slide，速度为1秒})</script>
③ 如何在一个页面用多个swiper插件
现在很多前端工程师会被要求写滑动，swiper就是这样一款滑动特效插件，面向手机、平板电脑等移动终端。请往下看，一定不会让你失望（网址见图）
那么我们如何在一个页面中使用多个swiper呢？首先，需要了解如何运用swiper
重点来了，如何在一个页面用多个swiper，请注意红色部分，如果明白了，就不用往下看了，如果不明白，请继续往下看。
swiper是通过共用的class（swiper-container）来实现效果，所以在共用的class前面加上 父元素（你可以定义一个class或id，如此次的.banner、.case）来区分。
改完 var，记得修改下 pagination 值，其他黑色字体部分，根据你的需求设置即可，具体含义请参照swiper官网。
④ 求教手机前端上下滑动翻页效果，类似swiper插件，但是如果一页显示不完时可以滑动查看，应该怎么做
swiper可以嵌套。
nested 用于嵌套相同方向的swiper时，当切换到子swiper时停止父swiper的切换。
请将子swiper的nested设置为true。
由于需要在slideChangeEnd时判断作用块，因此快速滑动时这个选项无效。
<script>
var mySwiper = new Swiper('#swiper-container1')//父swiper
var mySwiper2 = new Swiper('#swiper-container2',{//子swiper
nested:true,
})
</script>
⑤ 在vue里引用swiper插件，怎么使用
第一步：引入网络云中的css与js还有jQuery
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" async src="js/jQuery.js"></script>
<script type="text/javascript" async src="js/swiper.js"></script>
第二步：点击在线演示
第三步：选择自己想要的样式
第四步：右键查看源代码
5
第五步：把其中body标签内的全部复制到你的代码文件中