{"id":13671932,"url":"https://github.com/zhiqiang21/WebComponent","last_synced_at":"2025-04-27T18:31:59.432Z","repository":{"id":55030323,"uuid":"48349656","full_name":"zhiqiang21/WebComponent","owner":"zhiqiang21","description":"前端常用组件","archived":false,"fork":false,"pushed_at":"2018-09-05T06:47:09.000Z","size":4096,"stargazers_count":451,"open_issues_count":2,"forks_count":684,"subscribers_count":39,"default_branch":"master","last_synced_at":"2025-04-04T09:08:27.467Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zhiqiang21.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-12-21T03:57:21.000Z","updated_at":"2025-02-26T04:06:54.000Z","dependencies_parsed_at":"2022-08-14T09:40:13.627Z","dependency_job_id":null,"html_url":"https://github.com/zhiqiang21/WebComponent","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhiqiang21%2FWebComponent","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhiqiang21%2FWebComponent/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhiqiang21%2FWebComponent/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhiqiang21%2FWebComponent/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zhiqiang21","download_url":"https://codeload.github.com/zhiqiang21/WebComponent/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251187364,"owners_count":21549625,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-02T09:01:22.343Z","updated_at":"2025-04-27T18:31:56.018Z","avatar_url":"https://github.com/zhiqiang21.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# **WebComponents**[![Build Status](https://travis-ci.org/zhiqiang21/WebComponent.svg?branch=master)](https://travis-ci.org/zhiqiang21/WebComponent)\n\n## **欢迎Star 欢迎ISSUE，您的鼓励会是我写作的动力！**\n在使用的过程中，如果对插件有新的功能需求，欢迎 fork 发起 pull request 。如果您没有时间更新，请建立 ISSUE 我会考虑后加入该功能！\n\n\n\n\n\n# **插件列表：**\n\n1. html5-qrcode\n2. myslider\n3. lazy-load-img\n4. dragselect ----_[todo]_\n5. light-rotate\n6. JavaScript 命名空间管理插件\n7. NetOrListShow(仿app store 商品网状列表动态切换插件)\n\n# **插件简介：**\n\n--------------------------------------------------------------------------------\n\n## **1.html5-qrcode**\n\n**功能：**\n\n**1.1** h5页面在微博客户端中呼起摄像头扫描二维码并且解析。\n\n**1.2** h5页面在非微博客户端中（原生浏览器或者微信客户端）呼起系统拍照或者上传图片按钮，拍照二维码或者上传二维码并且解析\n\n具体使用方法，参看**[说明文档](https://github.com/zhiqiang21/WebComponent/tree/master/html5-Qrcode/README.md)**\n\n--------------------------------------------------------------------------------\n\n## **2.myslider**\n\n**特点：**\n\n- 自定义配置（动画切换时间，sweep 时间，自动播放等）\n- 一个页面中多个 slider 可以共存\n- 自动切换轮播图片\n- 支持按钮点按切换图片\n- 支持移动端触摸切换\n- 支持移动端的 sweep\n\n具体使用方法，参看**[说明文档](https://github.com/zhiqiang21/WebComponent/blob/master/MySlider/README.md)**\n\n**预览：**\n\n**gif 生成问题，按钮和图片的切换不同步**\n\n![预览效果](http://ww1.sinaimg.cn/large/698e22a9jw1f2cdnw4jgyg20pl0es7wh.gif)\n\n--------------------------------------------------------------------------------\n\n## **3.lazy-load-img**\n\n**功能：**\n\n能够实现手机端图片的按需加载，减少图片一次性加载的网络带宽开销。增加页面的加载速度和用户体验。 具体使用方法和参看**[说明文档](https://github.com/zhiqiang21/WebComponent/tree/master/lazy-load-img)**\n\n--------------------------------------------------------------------------------\n\n## **4.dragselect**\n\n_TODO_\n\n--------------------------------------------------------------------------------\n\n## **5.light-rotate**\n\n**预览：**\n\n![插件预览效果](light-rotate/img/2016-02-02 15_18_46.gif)\n\n**功能：**\n\n\"跑马灯\"的抽奖效果。轮盘旋转完成抽奖效果。可以自定义参数：自动播放跑马灯，跑马灯旋转时间，奖品旋转时间，跑马灯旋转方向 具体使用方法和参看**[说明文档](https://github.com/zhiqiang21/WebComponent/tree/master/light-rotate/README.md)**\n\n--------------------------------------------------------------------------------\n\n## **6.JavaScript 命名空间管理插件**\n\n**[点击查看说明文档](https://github.com/zhiqiang21/WebComponent/tree/master/JsNameSpaceManage/README.md)**\n\n## **7.NetOrListShow(仿app store 商品网状列表动态切换插件)**\n\n**App Store 动画示例**\n\n**Demo 动画示例（Gif 截图导致动画有些丢帧，请下载源码运行查看）**\n\n![](http://ww1.sinaimg.cn/large/698e22a9jw1f4ei3lryb0g20bp0gz4qp.gif)![](http://ww2.sinaimg.cn/large/698e22a9gw1f3zgw584l9g20df0joq4p.gif)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhiqiang21%2FWebComponent","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzhiqiang21%2FWebComponent","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhiqiang21%2FWebComponent/lists"}