一款移动端微型 swiper 插件，小而美，无依赖.

DataPipeline 发布于2019-08-29 13:25 / 2745人阅读

摘要：项目地址移动端微型插件，小而美，无依赖前言相对于其他的插件而言，最大的优势就是小，压缩后仅能满足部分开发需求。插件的开发采用组合使用构造函数模式和原型模式，通过构建，感兴趣的可以阅读源码。

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时间插件移动端翻页插件无插件上传

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/112593.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...

pubdreamcc 2019-08-21 16:24 评论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