文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

前端常用插件

库 stellar.js: 前端用于实现异步滚动效果的库，现已不再维护 skrollr: 另一款实现一步滚动的开源库，使用人数众多，可实现各种狂拽酷炫掉渣天的前端效果，看真相 Framework7:...fancyBox: 一个用于放大缩小图片、Web 内容或者多媒体元素的库，优雅大方 mithril.js: 轻量型前端 MVC 框架，部分使用场景下性能优于 Angular.js 和 React backbone...: jQuery 插件，用来生成二维码 Wookmark-jQuery: jQuery 的一个插件，可以用来实现瀑布流的效果 isotope: 可以用来过滤、排列布局，实现美观的动态布局切换效果，Demo...定位、运动、倾斜等 hyhyhy: 用于创建 基于 HTML5 的 演示文稿 swipebox: jQuery 插件，用于处理移动端的触摸事件 FileAPI: 前端用户处理文件（拖放、多文件上传等）...: 一个适用于现代浏览器的，用于处理 手势、拖放、缩放等的库 rebound-js: 实现部分物理效果，Facebook 出品 basket.js: 基于 LocalStorage 的资源加载器，可以用来缓存

5.9K61

jQuery 表格插件汇总

本文搜集了大量 jQuery 表格插件，帮助 Web 设计者更好地驾御 HTML 表格，你可以对表格进行横向和竖向排序，设置固定表头，对表格进行搜索，对大表格进行分页，对表格进行滚动，拖放操作等等。...Chromatable JQuery Plugin - 固定表头，可滚动内容区，内容区滚动的时候表头位置保持不变。 ? ?...Scrollable HTML table - 将普通 HTML 表格变为可滚动状态。...将表头部分放入 THEAD 区，内容部分放入 TBODY 区，脚注部分放入 TFOOT 区域，引用 webtoolkit.scrollabletable.js 文件，然后在每个表格后面创建 ScrollableTable...Table Drag and Drop - 通过拖放，对表格中的数据重新排列，可以设置禁止拖放的行。 ? ? Table Pagination - 在表格下方自动生成分页导航。 ? ?

9.8K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    整理了12款开源拖拽库, 轻松上手可视化搭建

    Sortable 「Sortable」 —是一个「JavaScript」库，用于在现代浏览器和触摸设备上对拖放列表进行重新排序。无需「jQuery」。...它提供了一个视觉效果引擎，一个拖放库（包括可排序列表），几个控件（基于「Ajax」的动态下拉列表，原地编辑，滑块）等等。...有很多库允许React中的拖放交互. 其中最值得注意的是惊人的「react-dnd」. 它提供了一套非常出色的拖放函数,这些函数在特定情况下非常适用疯狂地不一致的html5拖放功能....React-Grid-Layout 「React-Grid-Layout」 可以让我们轻松构建智能网格布局的拖放界面, 我们可以基于react的动态组件实现非常有意思搭建平台....H5-dooring H5-Dooring 是一款功能强大，高可扩展的 H5 可视化页面配置解决方案，致力于提供一套简单方便、专业可靠、无限可能的 H5 落地页最佳实践。

    4.4K20

    前端10大开源拖拽排序库汇总, 让搭建,更简单

    Interact.js 「interact.js」 是一个 「JavaScript」 资源库提供拖，放，调整尺寸和多点触摸手势功能用于现代浏览器。...Sortable 「Sortable」 —是一个「JavaScript」库，用于在现代浏览器和触摸设备上对拖放列表进行重新排序。无需「jQuery」。...它提供了一个视觉效果引擎，一个拖放库（包括可排序列表），几个控件（基于「Ajax」的动态下拉列表，原地编辑，滑块）等等。...有很多库允许React中的拖放交互. 其中最值得注意的是惊人的「react-dnd」. 它提供了一套非常出色的拖放函数,这些函数在特定情况下非常适用疯狂地不一致的html5拖放功能....H5-dooring H5-Dooring 是一款功能强大，高可扩展的 H5 可视化页面配置解决方案，致力于提供一套简单方便、专业可靠、无限可能的 H5 落地页最佳实践。

    7.1K21

    Web前端入门网页制作三要素

    是超文本符号言语的第五次重大修改，在HTML的基础上引进了新的功用，能够真正改动用户与文档的交互方式，这主要包含：“新的解析规矩增强了灵活性、新特点、筛选过时的或冗余的特点;一个HTML5文档到另一个文档间的拖放功用...CSS不仅能够静态地润饰网页，还能够配合各种脚本言语动态地对网页各元素进行格式化。 3、jQuery是一个快速，小巧，功能丰富的JavaScript库。...通过多功能性和可扩展性的结合，jQuery改变了数百万人编写JavaScript的方式。...能够简单理解，前端培训课程中的HTML定义了网页的内容，CSS装修了网页的布局，网页的行为jQuery 是一个Java库。...假如把一张网页比作一个人，那么HTML是人的器官，肢体等主要的组成部分;CSS是你穿的衣服之类的，让你看起来更美观;jQuery是人使用工具箱。

    62941

    前端插件以及部分细分网址梳理

    图来源网络 前端插件以及部分细分网址梳理 插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 totoro: 稳定的跨浏览器测试工具 TheaterJS...: 一个用于模拟人输入状态的 JS 库 stellar.js: 前端用于实现异步滚动效果的库，现已不再维护 skrollr: 另一款实现一步滚动的开源库，使用人数众多，可实现各种狂拽酷炫掉渣天的前端效果...: jQuery 插件，用来生成二维码 Wookmark-jQuery: jQuery 的一个插件，可以用来实现瀑布流的效果 isotope: 可以用来过滤、排列布局，实现美观的动态布局切换效果，Demo...定位、运动、倾斜等 hyhyhy: 用于创建 基于 HTML5 的 演示文稿 swipebox: jQuery 插件，用于处理移动端的触摸事件 FileAPI: 前端用户处理文件（拖放、多文件上传等）...: 一个适用于现代浏览器的，用于处理 手势、拖放、缩放等的库 rebound-js: 实现部分物理效果，Facebook 出品 basket.js: 基于 LocalStorage 的资源加载器，可以用来缓存

    6.8K90

    「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

    ESLint - 一种完全可插入的工具，用于识别和报告JavaScript中的模式。 JSLint - 高标准，严格和固定的代码质量工具，旨在保持语言的优秀部分。...envisionjs - 动态HTML5可视化。 rickshaw - 用于创建交互式实时图的JavaScript工具包。 flot - jQuery的迷人JavaScript图表。...fullcalendar - 全尺寸拖放事件日历（jQuery插件）。 rome - 可定制的日期（和时间）选择器。免费依赖，选择加入UI。...polymaps - 一个免费的JavaScript库，用于在现代Web浏览器中制作动态交互式地图。...grid - 拖放库，用于二维，可调整大小和响应式列表。 jquery-match-height - jQuery的响应性相等高度插件。

    9.1K21

    组件分享之前端组件——文件上传小部件jQuery-File-Upload

    组件基本信息 组件：jQuery-File-Upload 开源协议：MIT license 内容 本次分享的组件是文件上传小部件jQuery-File-Upload，具有多个文件选择、拖放支持、进度条...可定制和可扩展: 提供一个API来设置个人选项和定义各种上传事件的回调方法。...多部分和文件内容流上传: 文件可以按照标准的“多部分/表单数据”或文件内容流(HTTP PUT文件上传)上传。...jQuery Iframe Transport 插件 （包含）： 不支持 XHR 文件上传的浏览器需要。 可选要求 JavaScript 模板引擎 v3+：用于渲染选定和上传的文件。...blueimp Gallery v2+：用于在灯箱中显示上传的图像。 Bootstrap v3+：用于演示设计。 Bootstrap 使用的Glyphicons图标集。

    4.6K20

    awesome-javascript-cn

    官网 vis：动态的、基于浏览器的可视化库。官网 two.js：一个渲染器无关的适用于 web 的二维绘图 api 。官网 g.raphael：基于 Raphaël 图表库。...官网 envisionjs：动态的 HTML5 可视化。官网 rickshaw：用于构建交互式实时图表的 JavaScript 工具包。...官网 joyride：基于 jQuery 的功能引导插件。官网 focusable：通过向页面其余部分添加遮罩层，使焦点聚集在特定 DOM 元素。...官网 fullcalendar：全尺寸、支持拖放事件的日历（jQuery 插件）。官网 rome：可定制的日期（和时间）选择器。无依赖，可选 UI。...官网 polymaps：一个免费的、兼容现代 web 浏览器的、用于制作动态可交互的地图 JavaScript 库。官网 kartograph.js：开源的 Kartograph SVG 地图渲染器。

    12.5K80

    drag事件详解：html5鼠标拖动排序及resize实现方案分析及实践

    而HTML5中直接提供了拖放的API，只要通过监听元素的拖放事件就能实现各种拖放功能。 拖放API阐释 拖放（Drag和 drop）是 HTML5 标准的组成部分。...相比之前用jquery-UI等库实现，更加方便（省去计坐标计算等）。...为了使元素可拖动，必须把 draggable 属性设置为 true ： test draggable属性：设置元素是否可拖动。...effectAllowed 用来指定当元素被拖放式所允许的视觉效果(作用于被拖放元素)。...如果effectAllowed属性是定为none,则不允许拖放元素 dropEffect   表示拖放操作的视觉效果（作用于目标元素），如果dropEffect 属性设定为none,则不允许被拖放到目标元素中

    8.3K21

    React DnD

    It’s lower level than jQuery UI or interact.js and is focused on getting the drag and drop interaction...Backend HTML5 DnD API兼容性不怎么样，并且不适用于移动端，所以干脆把DnD相关具体DOM事件抽离出去，单独作为一层，即Backend： Under the hood, all the...Type作为萝卜（drag source）和坑（drop target）的匹配依据，相当于经典DnD库的group name Monitor Monitor是拖放状态的集合，比如拖放操作是否正在进行，是的话萝卜是哪个坑是哪个...current drag state: isDragging: monitor.isDragging() }))(Card); P.S.事实上，React DnD就是基于Redux实现的，见下文核心实现部分...to let React DnD handle the drag events: connectDropTarget: connector.dropTarget() }))(Card); 建立联系的部分

    1.7K30

    使用 Sortable.js 库 实现 Vue3 elementPlus 的 el-table 拖拽排序

    特别是在需要管理长列表、分类数据或动态内容时，拖拽排序功能显得尤为重要。它允许用户通过简单的拖动操作来自定义数据的显示顺序，这不仅提高了操作效率，也增强了用户的参与感。...实现效果 Sortable.js介绍 Sortable.js 是一款强大且轻量级的JavaScript库，专为实现元素的拖放排序功能而设计。...它不依赖于 jQuery 或其他大型框架，能够独立工作，并且兼容包括 IE9 及以上版本在内的现代浏览器以及移动触摸设备。这使得Sortable.js成为跨平台Web开发项目的理想选择。...高度可定制：提供丰富的配置选项，如动画效果、拖拽预览样式（ghostClass）、分组排序（group）等功能，允许开发者根据需求调整行为和外观。...易于集成：只需引入Sortable.js文件，然后通过简单的JavaScript代码即可启用拖放排序功能，适用于列表、表格等常见布局元素。

    4.7K11

    一周极客热文：依赖 IDE 做开发，会让你成为一名糟糕的程序员么？

    但是依赖IDE也有不好的地方，主要是一下三个方面： 人们所用的IDE不适合他们所用的编程语言。其中大部分都是脚本语言，因为一个IDE很难为一种解释型语言做出点贡献。 它会让你对编程语言本身越来越模糊。...而Rob Conery认为过于依赖IDE不好的原因在于，他的主要工作是在windows平台下使用Visual Studio中的拖放控件来开发Web表单。...申请大量的内存来强制Windows丢弃缓存数据，并且将程序数据写入页面文件。然后再释放申请的内存，从而降低内存用量。...Building a custom HTML5 video player with CSS3 and jQuery：了解如何构建自己的定制的 HTML5 视频播放器，并包装播放器作为一个 jQuery...Fullscreen Slideshow with HTML5 Audio and jQuery：这是迄今为止，我见过在网上最酷的教程之一。学习如何创建一个全屏的照片幻灯片效果。

    1.9K100

    17 Most popular Vue.js plugins

    支持移动设备、拖拽和选择文本、智能滚动，可以在不同列表间拖拽、不依赖 jQuery 为基础、vue2 过渡动画兼容、支持撤销操作，总之是一款非常优秀的 vue 拖拽组件。...主要特征： 支持触控设备 支持拖动手柄和可选文本 智能自动滚动 支持不同列表之间的拖放 没有 jQuery 依赖 保持同步 HTML 和查看模型列表 兼容 Vue.js 2.0 转换组 Vee-Validate...HTML 元素或您最喜欢的 UI 库组件 渐进式：无论您使用 Vue.js 作为渐进式增强还是在复杂的设置中都可以使用 ✅内置规则：包含 25 条以上规则的配套库，可满足大多数 Web 应用程序的大部分需求...你可以使用这个库在你的网站上添加一个 3D 渲染器，并在你的 VueJs 文件的部分中使用预先建立的组件指定场景细节，如材料、照明、网格、阴影等。...主要特征： 流式传输摄像头 并连续扫描二维码 拖放要解码的二维码图像 批量扫描 QR 码图像 原文链接：Most popular Vue.js plugins & packages

    7.5K30
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券