swiper基础功能应用概括（初学者刚接触应知悉，非实例）

1、触控比例，通俗讲就是规定滑动距离切换动画 

    Swiper默认提供1:1的触控距离，当然，这个比率是可以设置的。（touchRatio）

    触摸比例。触摸距离与slide滑动距离的比率。  
    默认为1，按照1:1的触摸比例滑动。设置为0时，完全无法滑动

    设置为0.5后slide滑动距离只有触摸距离的一半，变得难以滑动，缓慢拖动查看效果

    设置为2后slide滑动距离为slide宽度一半时放手，即可切换到下一个slide
2、鼠标模拟手机触摸。

    这个功能对于开发PC网站会很有用。简单来说，就是因为Swiper能够让鼠标事件表现得像触屏事件（点击以及拖曳滑块）

    默认为true，Swiper接受鼠标点击、拖动

    设置为false后鼠标拖动无效，移动端仍可正常滑动。

3、水平/垂直

    Swiper运动主要有两种模式，horizontal(水平滑动)以及vertical（垂直运动的滑动），默认为水平滑动

4、自由模式（Free Mode）又称抵抗反弹

    这种模式没有slides 定位，默认为false，普通模式：slide滑动时只滑动一格，并自动贴合wrapper，设置为true则变为free模        式，slide会根据惯性滑动可能不止一格且不会贴合。和css样式中的hidden：scroll；差不多，个人觉得后者在移动端反而反而      更方便，如果觉得后者多了滚动条不好看，可以通过样式将滚动条隐藏，但是PC有兼容，移动端亲测目前没有遇到过兼容

    freeModeomentumVelocityRatio参数free模式惯性速度，设置越大，释放后滑得越快。

    详见看官网https://www.swiper.com.cn/api/freemode/44.html   等超多多多可设置属性

5、旋转调整 （rotation/resize）

     Swiper 在移动设备旋转后能自适应尺寸。

6.  touchRatio制作与拖动方向相反的Swiper

7、滑动单一

     只能使用一种模式，水平或者垂直滑动。不能同时并用

8、内建分页控制

     Swiper能够快速生成内建的分页控制（pagination）,指定html 某一标签为pagination，Swiper就能做很多东西了。

9、自动循环轮播机制autoplay

     如果设置了 autoplay:true,Swiper就会自动地轮播slides直到你触碰该滑块（touch）为止。

10、循环机制（Loop mode）

     loop;设置为true 则开启loop模式。loop模式：会在原本slide前后复制若干个slide(默认一个)并在合适的时候切换，让Swiper看起来是循环的。 loop模式在与free模式同用时会产生抖动，因为free模式下没有复制slide的时间点。

11、滑动容器

     在该特征下能够使用Swiper在一些简单的能滑动的区域里，没有slides。在Apps里十分有用。

12、嵌套Swipers

     能够将Swipers嵌套入各种不同的Swiper 的slide里，例如垂直的或水平的。

13、使用不单一，不似于一般插件只使用图片轮播

     可以将任一的HTML 内容放到slide里，div section span img p letter ......。

 

一般使用可见：https://blog.csdn.net/qq_41046662/article/details/88035800

官网学习：https://www.swiper.com.cn/api/index.html

未完待续。。。。。