摘要:项目地址移动端微型插件,小而美,无依赖前言相对于其他的插件而言,最大的优势就是小,压缩后仅能满足部分开发需求。插件的开发采用组合使用构造函数模式和原型模式,通过构建,感兴趣的可以阅读源码。
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/112593.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...
阅读 1124·2023-04-25 17:05
阅读 2952·2021-11-19 09:40
阅读 3414·2021-11-18 10:02
阅读 1689·2021-09-23 11:45
阅读 2984·2021-08-20 09:36
阅读 2754·2021-08-13 15:07
阅读 1101·2019-08-30 15:55
阅读 2428·2019-08-30 14:11