一款移動端微型 swiper 插件，小而美，無依賴.

pubdreamcc 發布于2019-08-21 16:24 / 1387人閱讀

摘要：項目地址移動端微型插件，小而美，無依賴前言相對于其他的插件而言，最大的優勢就是小，壓縮后僅能滿足部分開發需求。插件的開發采用組合使用構造函數模式和原型模式，通過構建，感興趣的可以閱讀源碼。

mSwiper.js

View README in English

項目地址

移動端微型 swiper 插件，小而美，無依賴.

前言

mSwiper 相對于其他的swiper插件而言，最大的優勢就是小，壓縮后僅 1.2k ,能滿足部分開發需求。插件的開發采用 組合使用構造函數模式和原型模式，通過 Gulp 構建，感興趣的可以閱讀源碼?。歡迎 star ?

若有問題，請提issue

效果演示

在線瀏覽Demo請戳這里

手機瀏覽請掃描下方二維碼

開發

# 克隆本倉庫
git clone https://github.com/JohnsenZhou/mSwiper.js.git

# 進入倉庫目錄
cd mSwiper.js

# 安裝依賴
npm install

# 啟動項目，本地瀏覽地址 => localhost:8080
gulp

# 打包壓縮
gulp build

安裝

前往 release 下載所需版本。

使用

mSwiper 同時也支持 AMD 規范，你可以通過 require.js 進行加載使用：

require(["mSwiper"], function(mSwiper) {
  var options = {
    selector: "#selector",  // 節點選擇
    isAutoPlay: true,       // 是否自動播放
    autoPlayTime: 3000,     // 設置自動播放時間
  }
  var mSwiper = new mSwiper(options);
})

Api new mSwiper(options)

options 具體參數：

參數	類型	默認值	功能描述
selector	string	#selector	容器選擇器
isAutoPlay	bool	false	是否自動播放
isManual	bool	false	是否支持手指滑動
autoPlayTime	number	5000	自動播放間隔時間
goDirection	string	left	自動播放方向(left&right)

License

MIT License

GPU云服務器云服務器時間插件移動端移動端js時間插件移動端翻頁插件無插件上傳

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88513.html

一款移動端微型 swiper 插件，小而美，無依賴.

摘要：項目地址移動端微型插件，小而美，無依賴前言相對于其他的插件而言，最大的優勢就是小，壓縮后僅能滿足部分開發需求。插件的開發采用組合使用構造函數模式和原型模式，通過構建，感興趣的可以閱讀源碼。 mSwiper.js showImg(https://segmentfault.com/img/remote/1460000011106820); showImg(https://segmen...

Nino 2019-08-01 17:35 評論0 收藏0
一款移動端微型 swiper 插件，小而美，無依賴.

摘要：項目地址移動端微型插件，小而美，無依賴前言相對于其他的插件而言，最大的優勢就是小，壓縮后僅能滿足部分開發需求。插件的開發采用組合使用構造函數模式和原型模式，通過構建，感興趣的可以閱讀源碼。 mSwiper.js showImg(https://segmentfault.com/img/remote/1460000011106820); showImg(https://segmen...

DataPipeline 2019-08-29 13:25 評論0 收藏0
微型庫解讀之200byte的EventEmitter - Mitt

摘要：微型庫解讀之的前端起源關于我想應該很多同學都很熟悉了。小而美的整個庫非常的小，但是卻功能齊全，為了縮減代碼，也是有一些小技巧在里面。這幾天也在瘋狂的看寫的一些庫，他的庫都有小而美的特點，無論是著名的還是簡單的這種庫。 title: 微型庫解讀之200byte的EventEmitter - Mitttags: 前端 date: 2018-01-26 00:55:08 起源關于 Eve...

fredshare 2019-08-22 14:02 評論0 收藏0
前端插件庫

摘要：原文鏈接前端插件庫站點前端開發文檔博客前端插件庫前端插件庫官網是的函數庫，目的是強化表格操作如搜索排序，并自動加入組件引入表格中，使用非常靈活簡便。由推出，靈活扎實的建議列表函數庫。原文鏈接：前端插件庫站點：前端開發文檔博客：前端插件庫前端插件庫 DataTables 官網：https://www.datatables.net/ DataTables是jQuery的JavaScr...

高勝山 2019-08-26 13:44 評論0 收藏0
前端插件庫

摘要：原文鏈接前端插件庫站點前端開發文檔博客前端插件庫前端插件庫官網是的函數庫，目的是強化表格操作如搜索排序，并自動加入組件引入表格中，使用非常靈活簡便。由推出，靈活扎實的建議列表函數庫。原文鏈接：前端插件庫站點：前端開發文檔博客：前端插件庫前端插件庫 DataTables 官網：https://www.datatables.net/ DataTables是jQuery的JavaScr...

shusen 2019-08-30 10:53 評論0 收藏0