# 前端拖拽入门与实践

• HTML5 Drag and Drop 接口

html5中提供了一系列Drag and Drop 接口， 主要包括四部分：DragEvent，DataTansfer，DataTransferItem 和DataTransferItemList。

• DragEvent

• DataTansfer

• DataTransferItemList

• DataTransferItem

# 拖拽库

# react-dnd (opens new window)

大名鼎鼎的React核心开发 Dan 的杰作

# react-beautiful-dnd (opens new window)

# react-grid-layout (opens new window)

# react-moveable (opens new window)

# 推荐阅读

看完就懂的前端拖拽那些事 (opens new window)

前端里的拖拖拽拽 (opens new window)