科技虫致力于分享一些优秀的开源程序和客户端软件。比如商城、小程序、H5、网站、办公系统、OA、CRM、ERP、内容管理系统CMS、物联网系统、智能硬件、人工智能AI、大数据分析、智慧大屏、工具类软件、编程类软件工具、服务器运维、网络安全、前端技术、后台技术。
为了方便大家,我把往期所有发表过的内容按分类整理成一个文档发表到了gitee上。地址:
https://gitee.com/php_andy/software-box
喜欢的可以去给个免费的star,你的鼓励是我继续创作的动力。非常感谢。
Draggable 是一个模块化的拖放库,允许您从小处着手并构建所需的功能。最基本的是,Draggable 为您提供了拖放功能、快速 DOM 重新排序、可访问的标记以及一堆可供抓取的事件。
经典的切换器。将一个元素拖到另一个元素上,然后观察它们在 DOM 中交换位置。当需要保留布局尺寸时的理想功能。
按样式对 DOM 节点进行排序。将集合中的项目从一个位置拖到另一个位置,然后观察所有内容卡入到位。快速响应的分类,不会让您的性能钱包被框架束缚。
开始您的游戏开发生涯并注入一些碰撞检测。Collidable 将防止可拖动元素相互重叠,当拖动的源元素进入和退出受限区域时触发碰撞事件。
拖放辅助功能是一朵精致的花。虽然浏览器继续开发可靠的本机解决方案,但 Draggable 提供了帮助。所有可拖动的元素都是可聚焦的,并提供可自定义的屏幕阅读器公告。
可拖动易于扩展。编写一个提供所需功能的自定义模块,然后将其提交到我们的 Github 存储库进行审核。如果您需要尚不可用的功能,社区很可能也需要它。分享就是关怀
Draggable 支持我们能想到的大多数交互事件:鼠标、触摸和强制触摸都是开箱即用的,并且即将推出可访问的键盘支持!
让我们面对现实吧,当插件妨碍您的个人设计风格时,这很烦人。Draggable 不会试图通过强加给你任何不守规矩的动画风格来抢尽风头。只需从我们健康的 CSS 选择器和风格中挑选您内心的愿望即可。
npm install @shopify/draggable --save
yarn add @shopify/draggable
官网地址:https://shopify.github.io/draggable/项目地址:https://github.com/Shopify/draggable
喜欢的话点击下方卡片关注一下我吧,为您推荐更多优秀好用的程序和软件。你也可以给我留言或私信,说出你需要的程序和软件,我帮大家推荐。
创作不易 分享,点赞,在看 支持一下,🙏感谢。
