07.移動端類庫

 

iScroll.js

一個能夠實現客戶端原生滾動效果的類庫。

一、下載iScroll

二、build目錄下提供了不一樣版本的iScroll，可根據狀況選擇使用

三、html要求有3層結構以下圖

四、獲取wrapper這個最外層結點，而後實例化，以下圖

swipe.js

一、下載swipe.js

二、html結構要求有三層結構，以下圖

3.須要一些基礎CSS樣式，這些樣式要對應到html結構上，以下圖

四、獲取swipe元素，而後實例化，以下圖

 

swiper.js

一、下載swiper.js，

二、其中文網站很是詳細介紹了其使用方法

 

fastclick.js

在移動設備上爲了提高click的響應速度，咱們選擇了使用Zepto事件封裝的tap來進行模擬，可是這會帶來一個反作用，這個反作用就是「點透」，咱們經過一個例子來解釋「點透」

從上能夠看出Zepto.js有不完善的地方，而且咱們有時也但願咱們的移動版頁面在PC端上也可用，可是PC端是不支持touch事件的，這時咱們面臨的問題是即提高click在移動設備上的響應速度，又不能使用Zepto.js的tap事件，這時fastclick能夠解決這個問題。

如圖實際應用的場景，當點擊半閉按鈕時，若是下面有click事件或連接則會被觸發。

一、下載fastclick

二、引入lib目錄下的fastclick.js

二、調用方法便可，以下圖