Web前端开发网

web.fly63.com

首页资源工具文章教程栏目

Draggable

网站地址:https://shopify.github.io/draggable

GitHub:https://github.com/Shopify/draggable

描述信息:一个轻量级、响应式的 JS 拖放库

访问官网

GitHub

Draggable 是一个轻量级、响应式的 JS 拖放库，由 Shopify 出品。它提供了高级的拖放功能，能够快速进行 DOM 重新排序，并且拥有清晰的 API 和访问标记。同时，它也附带了一些额外的模块，便于你进行扩展。

功能特性

1、可交换

经典的切换器。将一个元素拖到另一个元素上，然后观察它们在 DOM 中交换位置。当需要保留布局尺寸时的理想功能。

2、可排序

按样式对 DOM 节点进行排序。将集合中的项目从一个位置拖到另一个位置，然后观察所有内容卡入到位。快速响应的分类，不会让您的性能钱包被框架束缚。

3、可碰撞

开始您的游戏开发生涯并注入一些碰撞检测。Collidable 将防止可拖动元素相互重叠，当拖动的源元素进入和退出受限区域时触发碰撞事件。

4、访问（即将推出）

拖放辅助功能是一朵精致的花。虽然浏览器继续开发可靠的本机解决方案，但 Draggable 提供了帮助。所有可拖动的元素都是可聚焦的，并提供可自定义的屏幕阅读器公告。

5、扩展

可拖动易于扩展。编写一个提供所需功能的自定义模块，然后将其提交到我们的 Github 存储库进行审核。如果您需要尚不可用的功能，社区很可能也需要它。分享就是关怀

6、互动

Draggable 支持我们能想到的大多数交互事件：鼠标、触摸和强制触摸都是开箱即用的，并且即将推出可访问的键盘支持！

7、动画

让我们面对现实吧，当插件妨碍您的个人设计风格时，这很烦人。Draggable 不会试图通过强加给你任何不守规矩的动画风格来抢尽风头。只需从我们健康的 CSS 选择器和风格中挑选您内心的愿望即可。

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://web.fly63.com/nav/662

热门资源

swiper

目前应用较广泛的移动端网页触摸内容滑动js插件

官网

GitHub

GitHub

IScroll是移动页面上被使用的一款仿系统滚动插件。

官网

GitHub

wangEditor

基于javascript和css开发的 Web富文本编辑器

官网

GitHub

ueditor

由百度web前端研发部开发所见即所得富文本web编辑器

官网

GitHub

highlight

Highlight.js 是一个用 JavaScript 写的代码高亮插件，在客户端和服务端都能工作。

官网

GitHub

UglifyJS

一个js 解释器、最小化器、压缩器、美化器工具集

官网

GitHub

lozad.js

高性能,轻量级,可配置的懒加载图片工具

官网

GitHub

Sortable.js

简单灵活的 JavaScript 拖放排序插件

官网

GitHub

validate.js

表单提供了强大的验证功能,让客户端表单验证变得更简单

官网

GitHub

Draggin.js

一款兼容移动手机的js拖拽插件

官网

GitHub

lazysizes.js

响应式图像延迟加载JS插件【懒加载】

官网

GitHub

类似于Draggable的资源

Mercury Editor

HTML5 富文本编辑器

官网

GitHub

GitHub

GitHub

官网

GitHub

vuex

一个专门为 Vue.js 应用所设计的集中式状态管理架构

官网

GitHub

just-bash

一个用 TypeScript 写的虚拟 bash 环境

官网

GitHub

rome

纯js可定制的跨浏览器日期时间选择器插件

官网

GitHub

Odometer.js

js数字滚动插件

官网

GitHub