d3george / slash-admin

A modern react admin. It is based on react 18, vite and TypeScript. It's fast !
https://admin.slashspaces.com/
MIT License
1.38k stars 199 forks source link

有没有感觉左侧的栏目展开时有卡顿 #50

Open FishOrBear opened 2 months ago

FishOrBear commented 2 months ago

ui做的不错,就是antd这个动画感觉很不流畅,我现在用pad pro m1访问

d3george commented 2 months ago

这个还没找到原因,或者 你可以尝试去解决😀

hhhhhhhhhhhg commented 1 month ago

+1, 访问官方示例的时候,也感觉左侧菜单栏动画不太流程 我是 PC端 Edge

d3george commented 1 month ago

行吧,既然这么多人反馈,打算重写菜单这块了,不用antd的menu组件了,自己写

xianb commented 1 month ago

+1,而且我发现,只要打开后台,cpu就飙到100%,关掉后台,就正常了。不知道大家有这样的问题吗 @d3george

d3george commented 1 month ago

我对菜单相关代码进行了优化,我个人感觉现在不卡顿了,大家觉得还卡顿吗

xianb commented 1 month ago

我测试下来,有两个地方占用cpu非常高。 第一个地方,使用framer-motion库的动画,cpu基本100%,比如首页顶部的设置按钮,我把动画关掉后,cpu使用正常。 第二个地方,使用了antd库带动效的组件,cpu的使用率就会升高,比如loading的时候加载的Spin组件,由于cpu基本到100%,大概需要2-3秒才能加载完,去掉Spin组件,基本1秒就加载完。另一个,连续点击菜单(展开/合并),观察cpu,也会飙的很高。我猜菜单动效的卡顿跟cpu使用率太高有关系。 测试电脑:mac/intel

mindsfsdfwe commented 4 weeks ago

image image

这个菜单的加载 好像轮训多次加载了

mindsfsdfwe commented 4 weeks ago

行吧,既然这么多人反馈,打算重写菜单这块了,不用antd的menu组件了,自己写

应该不是这个组件的问题, 我控制台输出一下 这个菜单的加载 多次被调用 @d3george

d3george commented 4 weeks ago

是的,这块正在改

d3george commented 3 weeks ago

行吧,既然这么多人反馈,打算重写菜单这块了,不用antd的menu组件了,自己写

应该不是这个组件的问题, 我控制台输出一下 这个菜单的加载 多次被调用 @d3george

整个项目有很多地方用到了usePermissionRoutes, 当然会打印很多此了

ryangopher commented 6 days ago

1720974293536

image

M1 Pro:这块改成useMemo流畅了一些,再加上antd menu主题配置动画快一些,没有感觉卡顿了

d3george commented 6 days ago

1720974293536 image M1 Pro:这块改成useMemo流畅了一些,再加上antd menu主题配置动画快一些,没有感觉卡顿了

可以提交个pr

ryangopher commented 5 days ago

PR已提交 @d3george