摘要:项目地址移动端微型插件,小而美,无依赖前言相对于其他的插件而言,最大的优势就是小,压缩后仅能满足部分开发需求。插件的开发采用组合使用构造函数模式和原型模式,通过构建,感兴趣的可以阅读源码。
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) |
MIT License
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/51237.html
摘要:项目地址移动端微型插件,小而美,无依赖前言相对于其他的插件而言,最大的优势就是小,压缩后仅能满足部分开发需求。插件的开发采用组合使用构造函数模式和原型模式,通过构建,感兴趣的可以阅读源码。 mSwiper.js showImg(https://segmentfault.com/img/remote/1460000011106820); showImg(https://segmen...
摘要:项目地址移动端微型插件,小而美,无依赖前言相对于其他的插件而言,最大的优势就是小,压缩后仅能满足部分开发需求。插件的开发采用组合使用构造函数模式和原型模式,通过构建,感兴趣的可以阅读源码。 mSwiper.js showImg(https://segmentfault.com/img/remote/1460000011106820); showImg(https://segmen...
摘要:微型库解读之的前端起源关于我想应该很多同学都很熟悉了。小而美的整个库非常的小,但是却功能齐全,为了缩减代码,也是有一些小技巧在里面。这几天也在疯狂的看写的一些库,他的库都有小而美的特点,无论是著名的还是简单的这种库。 title: 微型库解读之200byte的EventEmitter - Mitttags: 前端 date: 2018-01-26 00:55:08 起源 关于 Eve...
阅读 2005·2021-09-07 10:14
阅读 1460·2019-08-30 15:53
阅读 2246·2019-08-30 12:43
阅读 2794·2019-08-29 16:37
阅读 735·2019-08-26 13:29
阅读 1983·2019-08-26 13:28
阅读 422·2019-08-23 18:33
阅读 3404·2019-08-23 16:09