我的Web组件库:原生JS篇

最新推荐文章于 2025-06-19 22:23:49 发布
最新推荐文章于 2025-06-19 22:23:49 发布
阅读量5.7k 收藏 2
点赞数 2
CC 4.0 BY-SA版权
分类专栏： Web组件库 文章标签： api web 库 响应式 插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u013861109/article/details/54312439
该插件库包含一系列常用Web组件如轮播图、滚动条等，并具备无缝滚动、响应式设计等多种特性，适用于不同场景需求。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

插件库包含了WEB中常见的：轮播、滚动条、弹出框、弹层、等等等，使用方式一致，接口文档说明详细

就单单一个轮播，结合了 无缝滚动，响应式、参数可调控，多种动画特效等等特点！具体请看api说明。

插件官方网址：huanghanlian.com 感兴趣的也可关注项目：http://www.huanghanlian.com/widget/

JS-:原生JavaScript动画组件库
05-27
JS- 原生JavaScript动画组件库
原生JS的插件库jQuery
weixin_66107774的博客
09-21 545
一 <ul id="uls"> <li id="id1" class="game">喜猫猫</li> <li id="id2" class="game">懒猫猫</li> <li id="id3">二熊</li> </ul> 1.标签选择器:$（“所选取的标签”）；例:$（“li”）； 2.类选择器:$（“.所选取的类”）；（注意所选取的类前面一定要加上一个【.】）；例:$（“.
【前端】实现移动端上拉加载 & 下拉刷新组件库（支持 Vue / React / 原生 JS）
silverclayz的技术分享
06-19 787
移动端上下拉刷新与上拉加载组件库是一款轻量、跨框架兼容的 UI 组件，支持 Vue、React 和原生 JavaScript 技术栈。它通过监听滚动和触摸事件实现下拉刷新数据、上拉加载更多内容的功能，具备防抖节流机制，提升性能并避免重复触发。组件可自定义提示文案和加载状态，适用于新闻列表、电商商品页等场景，帮助开发者快速集成移动端交互功能，提升用户体验。
原生Javascript插件开发实践
weixin_33832340的博客
01-09 268
前言 之前公司设计的网站比较混乱，很多地方不统一，其中一个就是弹出层，导致这个原因是因为，公司的UI换了好几个人，而他们每个人做出来的都不太一样。最近公司开始整顿这个问题，对于统一的这种东西当然是做成一个模块，或者插件，而我打算做成插件。之所以写这篇文章是因为，当写完这个插件以后，发现其中有不少的理念，而这些理念我想把它总结一下，虽然这个插件并不复杂。 该怎样架构？ 对于架构这个概念，接触的比较少...
原生js工具库
qq_41599604的博客
05-19 296
/** * 获取随机数的函数 * @param {number} a 表示范围的数字 * @param {number} b 表示范围的数字 * @returns number 范围内的随机数 */ function getRandom(a, b) { var max = a var min = b if(a<b) { max = b min = a } var num = parseInt(Math.random().
js 原生组件
weixin_41423378的博客
06-28 644
转载 ：https://www.cnblogs.com/s-b-b/p/5829283.html <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <style type="text/css"> .square{ margin: 20px auto; ...
WebComponent：基于Web组件实现的原生组件demo
02-06
前言 作为一名高级工程师，我们每天都在和组件打交道，我们也许基于react / vue使用过很多第三方组件库，例如ant design ， elementUI ， iView等，或者基于它们进行...目前vue或react框架中也支持使用Web组件，而且在
xy-ui：面向未来的原生Web组件UI组件库
02-06
xy-ui是一套使用原生Web Components规范开发的跨框架UI组件库。 更新 1.10.1 offlineedCallback可移动文档事件监听 1.10.0 新增数据列表组件 重新独立xy-option xy-checkbox ， xy-raido键盘触发事件优化 特性 跨...
探索Hoquet：极简Web组件库与平台原生JavaScript实践
资源摘要信息:"hoquet是一个极简的JavaScript Web组件库，它遵循平台原生的Web组件标准，主要目标是展示在不依赖任何框架或库的情况下如何利用Web组件进行开发。" 知识点详细说明： 1. Web组件的概念与重要性： ...
cy-ui:CYTOOL UI组件库（原生JS版本）
03-05
作为原生JS版本的组件库，`cy-ui` 不依赖任何特定的前端框架，这使得它具有更好的兼容性和轻量级的特性。对于那些希望避免引入大型框架或者已经使用了非React、Vue等框架的项目，`cy-ui` 是一个理想的选择。 8. **...
毕设&课设：一套基于原生JavaScript开发的组件库，无依赖、体积小、简单易用.zip
最新发布
07-11
本项目中提到的组件库，是一套基于原生JavaScript开发的工具集合。原生JavaScript，即直接使用ECMAScript规范实现的JavaScript代码，不依赖于任何第三方库或框架，如jQuery等。这意味着使用这套组件库的开发者可以...
原生js封装的函数.js
11-10
原生js封装的函数.js
Primordial-JS-Wheels:原生JS语法实现的组件库
05-05
Primordial-JS-Wheels 原生JS语法实现的组件库 DOM 库的源码 i. BOM 库的源码 i. Tabs 的源码 i. ii. Pager 的源码 i. ii. FullPage 的源码 i. ii. Calendar 的源码 i. ii. Image-Picker 的源码 i. ii. iii.
Draggable打造跨平台的轻量级原生JS拖拽组件库
08-12
自己写的一个拖拽库，基于原生JS实现，无任何依赖，同时还做了IE8的兼容，在IE8的情况下transform回退到position实现。拖拽的动画通过绑定在render函数上的requestAnimationFrame实现而不是使用mousemove回调。
ColorUI-小程序原生高颜值组件库--ColorUI组件库.zip
09-23
简介hi!开发者！ColorUI迎来了2.0的升级，相比之前的版本，2.0版本重构了基础代码，增加了更多的配色，这是一个全新的小程序UI解决方案。ColorUI是一个Css类的UI组件库！不是一个Js框架。相比于同类小程序组件库，ColorUI更注重于视觉交互！项目为个人开源项目，如果项目有帮到你，希望能支持下开发者。使用下载源码包可得到 Demo 和 Template 两个项目， Demo 包含所有组件源码。 Template 是一个已经引用了ColorUI的空白模板。Demo 即文档。在线文档 编写中...交流微信群：加入微信群请先添加开发者微信，备注GitHub。QQ群：240787041 或扫描二维码。
原生JavaScript组件库——Widget
gitblog_00287的博客
01-14 392
原生JavaScript组件库——Widget Widget是一个基于原生JavaScript开发的组件库，它提供了多种常用的UI组件，包括轮播、标签页、下拉框、对话框等。此项目主要使用JavaScript语言，同时也包含HTML和CSS部分。 核心功能 该组件库的核心功能包括： 轮播（Carousel）：支持无缝滚动，响应式设计，并提供多种参数调整。 标签页（Tab）：实现简单的标签切换和淡入...
js原生常用库
莫莫博客
09-12 2877
推荐几个平时用到的觉得还不错的js库： 1.touch.js 移动端事件超级好用的库（主要各种手势库）  2.moment.js   js转换时间戳为日期（各种各样的日期函数） 3.chart.js 绘制简单的柱状图，曲线图，蛛网图，环形图，饼图等完全够用，用法比较简单。 4.D3.js 功能太强大了，看首页就知道了，感觉没有什么图d3绘不出来的。 5.Rx.js 很好的解
9 个最好的原生 JavaScript 实用程序库
web前端开发
06-09 1159
英文 |https://javascript.plainenglish.io/9-best-vanilla-javascript-utilities-libraries-ff752592...
【原生JS组件】javascript 运动框架
Reven_凯的专栏
08-20 2576
大家都知道JQuerry有animate方法来给DOM元素进行运动，CSS3中也有transition、transform来进行运动。而使用原生的Javascript来控制元素运动，需要写很多运动的细节以及兼容。然而，当你的BOSS不让你使用庞大的JQ框架，而且你开发的产品也需要在一些不兼容CSS3的浏览器运行的时候，你是否觉得每次都要开个定时器来琢磨运动该怎么进行，是件很费力的事情呢？那么福利来了
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值