没有合适的资源?快使用搜索试试~ 我知道了~
DragLayout:使用react 和 sortablejs 实现的页面拖拽Demo
共139个文件
js:66个
jsx:37个
less:12个
需积分: 19 1 下载量 96 浏览量
2021-08-04
16:26:19
上传
评论
收藏 840KB ZIP 举报
温馨提示
说明 安装 npm install or yarn 项目使用umi脚手架创建的,使用的是Ant Design Pro模板。 启动的时候可能会包bable的版本错误,搜一下换个版本就好了,环境Start,哈哈。 反思 这是一个笨拙的数据结构,你会发现如果使用react来对tree进行渲染和开发时,性能将成为一个瓶颈。 实现思路 现在有很多优秀的拖拽布局工具,,, 。 我们最近也实现了类似的功能,废话不多说,先把预览贴出来(不知道为什么掘金现在图片不支持gif了,还要自己上传到图床)。 在实现这个的功能的过程中,也走了一点弯路,我们内部1.0版本的时候,使用的是sortablejs,由于代码写的比较混乱,拖拽功能经常出现卡死的现象,以为是sortablejs的问题,然后又换成大名鼎鼎的React Dnd,和Redux是同一个作者,但是Dnd并不是太符合我们的需求,拖拽的API确实很强大,但是排
资源推荐
资源详情
资源评论
收起资源包目录
DragLayout:使用react 和 sortablejs 实现的页面拖拽Demo (139个子文件)
umi.35f72202.css 463KB
.editorconfig 245B
document.ejs 5KB
.eslintignore 34B
.gitignore 477B
index.html 5KB
umi.de7abed3.js 2.26MB
config.js 5KB
utils.js 4KB
en-US.js 4KB
zh-CN.js 4KB
zh-TW.js 4KB
settings.js 4KB
plugin.config.js 3KB
settings.js 3KB
user.js 3KB
notices.js 3KB
settings.js 3KB
settings.js 3KB
global.js 3KB
setting.js 2KB
menu.js 2KB
menu.js 2KB
menu.js 2KB
service-worker.js 2KB
menu.js 2KB
login.js 2KB
request.js 2KB
settingDrawer.js 2KB
utils.test.js 2KB
settingDrawer.js 2KB
settingDrawer.js 2KB
settingDrawer.js 1KB
run-tests.js 1KB
authority.js 1KB
baseLayout.e2e.js 1KB
themeColorClient.js 1KB
attr.js 1KB
user.js 976B
globalHeader.js 940B
globalHeader.js 864B
utils.js 856B
globalHeader.js 852B
globalHeader.js 852B
en-US.js 721B
renderAuthorize.js 712B
zh-CN.js 703B
pt-BR.js 604B
zh-TW.js 563B
authority.test.js 511B
topMenu.e2e.js 492B
Authorized.js 428B
pwa.js 313B
defaultSettings.js 296B
index.js 292B
login.js 281B
item.js 276B
pwa.js 276B
pwa.js 263B
pwa.js 263B
user.js 259B
jest-puppeteer.config.js 241B
.eslintrc.js 176B
jest.config.js 166B
component.js 148B
component.js 145B
component.js 145B
component.js 144B
route.js 121B
.stylelintrc.js 87B
.prettierrc.js 86B
antd-pro-merge-less.js 26B
package.json 4KB
asset-manifest.json 563B
manifest.json 444B
jsconfig.json 168B
test.jsx 8KB
index.jsx 7KB
NoticeIconView.jsx 4KB
index.jsx 4KB
BasicLayout.jsx 4KB
LoginItem.jsx 4KB
index.jsx 3KB
index.jsx 3KB
global.jsx 3KB
NoticeList.jsx 2KB
Secured.jsx 2KB
AvatarDropdown.jsx 2KB
CheckPermissions.jsx 2KB
PromiseRender.jsx 2KB
Welcome.jsx 2KB
index.jsx 2KB
RightContent.jsx 2KB
UserLayout.jsx 2KB
index.jsx 1KB
map.jsx 1KB
Authorized.jsx 1KB
SecurityLayout.jsx 1KB
LoginTab.jsx 914B
panel.jsx 779B
共 139 条
- 1
- 2
资源评论
起飞页
- 粉丝: 22
- 资源: 4545
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功