- 综合排序
- 最热优先
- 最新优先
- 来自专栏青梅煮码
dragula插件web端和移动端的拖拽排序
Dragula简介 Dragula是一款支持移动触摸屏设备的纯js元素拖放插件。这个元素拖放插件使用简单，浏览器兼容性好，能够实现通过鼠标或在移动设备中通过手指来拖动DOM元素的位置。 代码演示： <script src="dist/<em>dragula</em>.js"></script> <link rel="stylesheet" href="dist/<em>dragula</em>.css"> <script 和 dragula.css下载地址： dragula.js下载 dragula.css下载 dragula的特点有： 设置非常简单 没有外部依赖 可以自动对数据进行排序 被移动项带有半透明的视觉效果 npm install dragula –save bower install dragula.js –save 使用方法 该元素拖动插件提供了一个最简单的API来让你可以在页面中拖放元素。 dragula ( containers, options ? ) 默认情况下，dragula允许用户在containers中拖动一个元素，并将元素放置到containers列表的其它容器中。
3.4K10编辑于 2023-03-02 - 来自专栏前端实验室
丝滑到起飞！这几个拖拽库真心推荐
Github链接：https://github.com/SortableJS/Sortable Github Star：27.1K dragula dragula是一个轻量级的JavaScript库，用于实现页面元素的拖拽操作 dragula非常易于集成和使用，适用于一般的拖拽需求。 Github链接：https://github.com/bevacqua/dragula Github Star：21.6K React DnD React DnD是专为React框架设计的拖拽和放置（
3K20编辑于 2023-08-10 - 来自专栏趣谈前端
前端10大开源拖拽排序库汇总, 让搭建,更简单
. ❞ 1. dragula 一款强大且兼容性极好的拖拽排序库, 兼容「IE7+」, 并且支持 「vanilla JavaScript / Angular / React」等框架. 「github:」 https://github.com/bevacqua/dragula 「demo地址:」 https://bevacqua.github.io/dragula/ 2.
7.1K21编辑于 2022-04-06 - 来自专栏趣谈前端
整理了12款开源拖拽库, 轻松上手可视化搭建
1. dragula 一款强大且兼容性极好的拖拽排序库, 兼容「IE7+」, 并且支持 「vanilla JavaScript / Angular / React」等框架. 「github:」 https://github.com/bevacqua/dragula 「demo地址:」 https://bevacqua.github.io/dragula/ 2.
4.6K20编辑于 2024-06-06 - 来自专栏肘子的Swift记事本
WWDC 2025：回归务实的一年 | 肘子的 Swift 周报 #089
Dragula - 为 SwiftUI 带来流畅的拖拽重排体验[23] 如果你正在寻找一个既现代又灵活的 SwiftUI 拖放解决方案，由 Mustafa Yusuf[24]创建的 Dragula[25 l.fatbobman.com/w089-07 [21] Peter Steinberger: https://x.com/steipete [22] llm.codes: https://llm.codes [23] Dragula SwiftUI 带来流畅的拖拽重排体验: https://l.fatbobman.com/w089-08 [24] Mustafa Yusuf: https://x.com/mufasayc [25] Dragula : https://github.com/mufasayc/Dragula [26] Swift Binary Parsing：构建安全高效的二进制解析器: https://l.fatbobman.com
60110编辑于 2025-06-17 - 来自专栏前端达人
分享 16 个适合做拖拽练习的前端案例
https://codepen.io/tjramage/pen/yOEbyw 08、HTML5拖放 Demo地址：https://codepen.io/osublake/pen/VmgNJB 09、通过 Dragula.js
1.4K30发布于 2021-11-16 - 来自专栏前端自习课
【JS】1724- 重学 JavaScript API - Drag and Drop API
No jQuery or framework required. dragula[8]: 21.6kk⭐，简化拖放操作的 JavaScript 库，浏览器支持包括所有常用浏览器和**IE7+**，框架支持包括 search=Drag%20and%20Drop [7] Sortable: https://github.com/SortableJS/Sortable [8] dragula: https://github.com /bevacqua/dragula [9] React DnD: https://github.com/react-dnd/react-dnd [10] Vue.Draggable: https://github.com
1.9K20编辑于 2023-09-01 - 来自专栏JowayYoung谈前端
npm依赖(类库工具)
WebGL wordcloud: 词云 ztree: 树形图 事件 basicscroll: 视差滚动 better-scroll: 滚动 clipboard: 复制粘贴 draggabilly: 拖拽 dragula
2.9K20发布于 2020-04-01 - 来自专栏全栈全栈
常用的前端JQ插件
jquery.qrcode.js https://github.com/jeromeetienne/jquery-qrcode 拖拽 Draggabilly http://www.jq22.com/jquery-info293 dragula
2.6K30发布于 2020-08-17 - 来自专栏用户8644135的专栏
油猴脚本入坑指南
读写创建压缩文件 gif.js Link 制作 gif，支持 worker 方式 clipboard.js Link 虽然油猴提供剪贴板 API，但该模块可以提供一些扩展功能，例如 tooltips 反馈等 dragula
5.4K10发布于 2021-06-09 - 来自专栏JAVA乐园
前后端通吃，vue大全Mark一下
vue-swiper ★167 - 易于使用的滑块组件 vue-simplemde ★166 - VueJS的Markdown编辑器组件 vue-slide ★161 - vue轻量级滑动组件 vue-dragula
7.1K20发布于 2020-06-15 - 来自专栏琯琯博客
awesome-javascript-cn
官网 Dragula：超级易于使用的拖拽库。官网 触摸 fastclick.js：去除触屏用户300ms点击延误。官网 dropload.js：移动端下拉刷新，上拉加载更多。
12.5K80发布于 2018-05-09 - 来自专栏超级架构师
「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源
Dragula - 拖放这么简单就好疼。 地图 Leaflet - 适用于移动设备的交互式地图的JavaScript库。 Cesium - 开源WebGL虚拟地球仪和地图引擎。
9.1K21发布于 2019-09-18 - 来自专栏超级架构师
「沙里淘金」精选浏览器端JavaScript库资源推荐
Dragula - 拖放这么简单就好疼。 地图 Leaflet - 适用于移动设备的交互式地图的JavaScript库。 Cesium - 开源WebGL虚拟地球仪和地图引擎。
8.3K20发布于 2020-08-19
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号