Code Monkey home page Code Monkey logo

webcomponent's Introduction

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 截图导致动画有些丢帧,请下载源码运行查看)

webcomponent's People

Contributors

zhiqiang21 avatar

Watchers

andy avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.