哈喽，大家好 我是 xy‍。今天给大家分享一个开源的前端最强拖拽组件 — pragmatic-drag-and-drop！

前言

在前端开发中，拖拽功能是一种常见的交互方式，它能够极大提升用户体验。

今天，我们要介绍的是一个开源的前端拖拽组件 — pragmatic-drag-and-drop，它以其轻量级、高性能和强大的兼容性，成为了前端开发者的新宠。

什么是 pragmatic-drag-and-drop？

pragmatic-drag-and-drop 是由 Atlassian 开源的一款前端拖拽组件。

Atlassian，作为全球知名的软件开发公司，其核心产品 Trello、Jira 和 Confluence 都采用了 pragmatic-drag-and-drop 组件。

这不仅证明了该组件的实用性和可靠性，也反映了 Atlassian 对前端交互体验的极致追求。

组件的作者：Alex Reardon，也是流行 React 开源拖拽组件 react-beautiful-dnd 的开发者。

pragmatic-drag-and-drop 继承了作者对拖拽交互的深刻理解，支持多种拖拽场景，包括列表、面板、表格、树、网格、绘图和调整大小等。

为什么选择 pragmatic-drag-and-drop？应用场景

pragmatic-drag-and-drop 功能适用于多种场景，包括但不限于：

案例演示

列表拖拽排序：

面板拖拽：

表格拖拽排序：

树形节点拖拽：

绘图功能鼠标拖动：

可拖动棋子的棋盘：

在线演示地址：

最后