性能优化

table部分

在 Table 组件中针对 1w+ 数据场景，使用虚拟滚动+分页优化渲染。通过 Chrome Performance Profiler 对比：

• 首屏渲染时间从 1.6s 降低至 0.5s（提升 3 倍）；

• JS Heap 内存占用从 115MB 降低至 70MB（下降 39%）；

• DOM 节点数从 14 万减少至 571（下降 99%）； 对比图：

from部分

基于 React Context 与自定义 Hook 实现了一个轻量级表单系统，支持字段注册与双向绑定机制。 每个字段通过 registerField 订阅全局 store，当仓库值变更时仅局部更新对应组件，实现精准渲染与受控数据流。 同时提供外部 form 实例注入能力，支持受控与非受控两种表单使用模式。支持局部渲染优化： • 使用字段注册与 onStoreChange，实现 Form.Item 仅渲染受影响字段 • 对比普通受控表单，动态输入 30+ 字段时渲染次数减少 >90% • Chrome Performance 面板验证优化，单次操作 JS 执行时间下降约 70%，页面 FPS 平稳保持 60+