前端常用组件
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
3dTransform
JsNameSpaceManage
MySlider
NetOrListShow
dragselect
html5-Qrcode 更新h5扫描二维码文章 Jun 30, 2016
lazy-load-img
light-rotate
uploadFile
.gitignore
LICENSE
README.md

README.md

WebComponentsBuild Status

欢迎Star 欢迎ISSUE,您的鼓励会是我写作的动力!

在使用的过程中,如果对插件有新的功能需求,欢迎 fork 发起 pull request 。如果您没有时间更新,请建立 ISSUE 我会考虑后加入该功能!

插件列表:

  1. html5-qrcode
  2. myslider
  3. lazy-load-img
  4. dragselect ----[todo]
  5. light-rotate
  6. JavaScript 命名空间管理插件
  7. NetOrListShow(仿app store 商品网状列表动态切换插件)

插件简介:


1.html5-qrcode

功能:

1.1 h5页面在微博客户端中呼起摄像头扫描二维码并且解析。

1.2 h5页面在非微博客户端中(原生浏览器或者微信客户端)呼起系统拍照或者上传图片按钮,拍照二维码或者上传二维码并且解析

具体使用方法,参看**说明文档**


2.myslider

特点:

  • 自定义配置(动画切换时间,sweep 时间,自动播放等)
  • 一个页面中多个 slider 可以共存
  • 自动切换轮播图片
  • 支持按钮点按切换图片
  • 支持移动端触摸切换
  • 支持移动端的 sweep

具体使用方法,参看**说明文档**

预览:

gif 生成问题,按钮和图片的切换不同步

预览效果


3.lazy-load-img

功能:

能够实现手机端图片的按需加载,减少图片一次性加载的网络带宽开销。增加页面的加载速度和用户体验。 具体使用方法和参看**说明文档**


4.dragselect

TODO


5.light-rotate

预览:

![插件预览效果](light-rotate/img/2016-02-02 15_18_46.gif)

功能:

"跑马灯"的抽奖效果。轮盘旋转完成抽奖效果。可以自定义参数:自动播放跑马灯,跑马灯旋转时间,奖品旋转时间,跑马灯旋转方向 具体使用方法和参看**说明文档**


6.JavaScript 命名空间管理插件

点击查看说明文档

7.NetOrListShow(仿app store 商品网状列表动态切换插件)

App Store 动画示例

Demo 动画示例(Gif 截图导致动画有些丢帧,请下载源码运行查看)