建站
咨詢
售后
建站咨詢
新聞中心
?今天來(lái)推薦 8 個(gè)簡(jiǎn)單又好用的前端拖拽排序庫(kù)！
十年的隰縣網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。網(wǎng)絡(luò)營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整隰縣建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)建站從事“隰縣網(wǎng)站設(shè)計(jì)”,“隰縣網(wǎng)站推廣”以來(lái)，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
1. React Beautiful Dnd
react-beautiful-dnd 這是一款美觀且簡(jiǎn)單易用的 React 列表拖拽庫(kù)。其動(dòng)畫效果自然，性能優(yōu)秀，簡(jiǎn)潔而強(qiáng)大的 API，易于上手，與標(biāo)準(zhǔn)瀏覽器的互動(dòng)性非常好。
Github（?? 27.5k）：https://github.com/atlassian/react-beautiful-dnd
2. Sortable
Sortable 是一個(gè) JavaScript 拖拽庫(kù)，用于在現(xiàn)代瀏覽器和觸摸設(shè)備上對(duì)拖放列表進(jìn)行重新排序。支持 Meteor、AngularJS、React、Polymer、Vue、Ember、Knockout 和任何 CSS 庫(kù)。
Github（?? 25.3k）：https://github.com/SortableJS/Sortable
3. Dragula
Dragula 是一個(gè) JavaScript 庫(kù)，實(shí)現(xiàn)了網(wǎng)頁(yè)上的拖放功能。提供 JavaScript、AngularJS 和 React 版本。
Github（?? 21.3k）：https://github.com/bevacqua/dragula
4. React DnD
React DnD是 React 和 Redux 核心作者 Dan Abramov 創(chuàng)造的一組React 高階組件，可幫助我們構(gòu)建復(fù)雜的拖放界面，同時(shí)保持組件解耦。它可以在應(yīng)用程序的不同部分之間通過拖動(dòng)傳輸數(shù)據(jù)，并且組件會(huì)更改其外觀和應(yīng)用狀態(tài)以響應(yīng)拖放事件。
Github（?? 18k）：https://github.com/react-dnd/react-dnd
5. Vue.Draggable
Vue.Draggable 是基于 Sortable.js 的 Vue 拖放組件。它允許拖放和視圖模型數(shù)組同步，基于并提供 Sortable.js 的所有功能。該庫(kù)適用于Vue 2，如果想在 Vue 3 中使用該庫(kù)，可以訪問：https://github.com/SortableJS/vue.draggable.next。
Github（?? 17.7k）：https://github.com/SortableJS/Vue.Draggable
6. interact.js
interact.js 是一個(gè)適用于現(xiàn)代瀏覽器的 JavaScript 拖放庫(kù)，支持調(diào)整大小和多點(diǎn)觸控手勢(shì)，具有慣性和捕捉功能。為了盡可能多地提供控制，它嘗試提供一個(gè)簡(jiǎn)單、靈活的API，該 API 提供移動(dòng)元素所需的所有拖拽API。
Github（?? 11k）：https://github.com/taye/interact.js
7. React Draggable
React-Draggable 庫(kù)簡(jiǎn)單易用，將 CSS 中的transform應(yīng)用于 React 組件，允許我們?cè)?UI 中拖動(dòng)組件。它有不同的 props 可以讓你改變組件的行為，是創(chuàng)建直觀、用戶友好界面的絕佳選擇。
Github（?? 7.7k）：https://github.com/react-grid-layout/react-draggable
8. React Sortable Tree
React Sortable Tree 是一個(gè)用于對(duì)分層數(shù)據(jù)進(jìn)行拖放式可排序表示的React組件。它支持單選多選，鼠標(biāo)拖拽子集到新合集，模糊搜索等。
Githu?b（?? 4.5k）：https://github.com/frontend-collective/react-sortable-tree
分享標(biāo)題：簡(jiǎn)單又好用的八款前端拖拽排序庫(kù)
網(wǎng)站網(wǎng)址：http://m.jiaoqi3.com/article/cdhpdji.html
