一了解Swiper

Swiper 是一款免費以及輕量級的移動設備觸控滑塊的框架，使用硬件加速過渡（如果該設備支持的話）。主要使用與移動端的網站、網頁應用程序（web apps），以及原生的應用程序（native apps）。主要是為IOS而設計的，同時，在Android、WP8系統以及現代桌面瀏覽器也有著良好的用戶體驗。

特征（feature)

1、1：1觸控運動

Swiper默認提供1:1的觸控距離，當然，這個比率是可以設置的。（touchRatio）

2、觸控模仿

這個功能對于開發桌面網站會很有用。簡單來說，就是因為Swiper能夠讓鼠標事件表現得像觸屏事件（點擊以及拖曳滑塊）

3、水平/垂直

Swiper運動主要有兩種模式，horizontal(水平滑動)以及vertical（垂直運動的滑動）

4、自由模式（Free Mode）

這種模式下能夠讓slides 無需定位，就像通常的滑動條。（看下面的例子）

5、旋轉調整 （rotation/resize）

Swiper 在移動設備旋轉后能自適應尺寸。

6、響應式

能使用百分比的寬高定義slides,為移動端提供不同的解決方案。

7、滑動阻止

簡單來說，就是，只能使用一種模式，水平或者垂直滑動。

8、抵抗反彈（resistant bounds）

Swiper能夠提供一種機制，就是當滑動滑塊超過最左以及最右（最上或最下）的位置時觸發的一種抵御機制。

9、原生要素（native momentum）

有不少的原生東西提供給Swiper。

10、內建分頁控制

Swiper能夠快速生成內建的分頁控制（pagination）,指定html 某一標簽為pagination，Swiper就能做很多東西了。

11、自動播放

只用設置延遲時間，Swiper就會自動地輪播slides直到你觸碰該滑塊（touch）為止。

12、循環模式（Loop mode）

該種模式下，你能夠無限滑動滑塊，到最后一個之后會跳轉回第一個。

13、旋轉模式（Carousel mode）

Swiper 能夠讓你在slides父容器下設置你所需要展示的slides數量。

14、滑動容器

在該特征下能夠使用Swiper在一些簡單的能滑動的區域里，沒有slides。在Apps里十分有用。

15、嵌套Swipers

能夠將Swipers嵌套入各種不同的Swiper 的slide里，例如垂直的或水平的。

16、任意的HTML 標簽

可以將任一的HTML 內容放到slide里，不止僅限于圖像。

17、硬件加速

swiper 使用硬件加速技術（如果該移動設備支持的話）能夠得到良好流暢的動畫效果以及優美的外觀，尤其是在IOS設備里。

18、豐富的API

Swiper擁有豐富的API接口。（不過關于中文文檔似乎不多，沒找著。）能夠讓開發者生成個人獨有的分頁器（pagination），上下滑塊的按鈕以及4個回調函數：onTouchStart,onTouchMove,onTouchEnd,onSlideSwitch。

19、靈活的配置

Swiper在初始化的時候能夠接受多個參數以便讓其盡可能的靈活。能夠配置動畫的速度（speed），模式（mode水平抑或垂直的），以及自由模式（free mode）...以及其他..

20、插件API（Plugins API）

Swiper從1.7版本開始就變得強大起來了，因為有更多而簡單的插件API允許開發者創造屬于自己的Swiper 插件或通過Swiper的核心創制hooks(掛鉤)（該官網處提供了幾款優秀的插件Swiper smooth progress, Swiper hash navigation,swiper scrollbar）

21、良好的兼容性

Swiper通用性的測試環境：移動端的Safari（iOS5下），Android 2.1+，windows Phone 8,以及最新版本的谷歌瀏覽器（Chrome），Safari，Firefox，IE10 以及歐朋瀏覽器（Opera）

22、老版本IE的兼容

Swiper 2.x 開始，通過DOM動畫，而非css transitions 兼容IE7 以上（需要包含jQuery），因為IE7不支持css3 transitions....簡單來說，支持IE7 以上版本。

23、獨立性

Swiper不依賴像jQuery那樣的js類庫，因此能夠讓Swiper更加的小型以及快速。所以Swiper能夠很安全地應用諸如jQuery、jQuery Mobile，jQTouch等等其他的js類庫。

24、超輕量級

壓縮后僅僅10KB左右。