antd uoload组件实现批量上传宕机问题

Question

使用uoload组件上传文件到服务器，批量上传时测试400+文件同时上传时页面会非常卡，上传完成后页面卡死宕机，但是可以上传成功，有什么优化方法吗？同时写了上传同时计算上传进度条，和这个上传成功文件数计算有关吗？

Answer 1

页面卡多半是因为组件大量频繁修改页面 DOM。解决方法大概有几个：

1. 减少渲染的组件个数
2. 检查更新的组件，去掉不必要的更新
3. 缓存变更，批量低频更新

devtools 都提供 profiler 工具，可以录制当时的执行栈和被操作的 DOM，用来寻找优化点。推荐试试。