移動端插件的使用---zepto、iScroll、swiper、swipe、fastclick

  

一、移動端插件(js類庫)---項目中經常使用(開發中特別喜歡用插件,由於能夠提供效率,在減小帶寬和減小服務器壓力的前提下按需引用插件)css

   zepto也算一個html

  a、fastclick.js---解決移動端click事件的延遲問題和點透問題(在移動端中click事件有延時,最早觸發的是touch事件,以後纔是click,大概延時了300ms,延時存在的緣由:是爲了區分出是單擊仍是雙擊事件)css3

    

   b、iScroll.js---一個能夠實現客戶端原生滑動滾動效果的類庫,主要是實現滾動滑動效果的  (也是分模塊的,不一樣的功能在不一樣的js中)服務器

    

    用iScroll插件實現元素滾動代碼很是簡潔動畫

     一、引入插件  iScroll.js(這個js裏面就包含了最多見的功能)插件

     二、按照文檔   3d

         搭建html結構;複製js代碼;本身定製功能和樣式htm

    

  c、swipe.js ---輪播圖插件blog

    使用方式:參照他的說明文檔事件

    例如:js

      

  d、swiper.js---插件兼容pc端,即移動端和pc端均可以使用

    swiper功能仍是蠻多的  滑動、輪播、3d切換、(h5 css3)小動畫

    官網上有中文文檔

相關文章
相關標籤/搜索