SuperAPI AI 工具集

1k-performance

前端与建站

查看项目

更新于 10-15 21:09

技能介绍

用途:为 OneKey monorepo 中的 React/React Native 应用提供性能优化模式与最佳实践,适用于优化应用性能、修复界面冻结或卡顿、减少不必要的渲染与请求等场景。

主要能力与规则: 并发请求控制:禁止同时发起过多请求(如 15 个以上可能冻结界面),建议并发数限制在 3-5 个,使用 executeBatched 分批执行。示例:

async function executeBatched<T>(tasks: Array<() => Promise<T>>, concurrency = 3): Promise<Array<PromiseSettledResult<T>>> { const results: Array<PromiseSettledResult<T>> = []; for (let i = 0; i < tasks.length; i += concurrency) { const batch = tasks.slice(i, i + concurrency); const batchResults = await Promise.allSettled(batch.map((task) => task())); results.push(...batchResults); } return results; }

调用方式:const tasks = items.map(item => () => fetchData(item)); await executeBatched(tasks, 3);

桥接优化:减少 React Native 桥接穿越次数,批量传输数据,针对 iOS/Android 桥接开销。 列表渲染:100 项以上列表使用 FlashList、windowSize={5}、content-visibility。 记忆化:使用 memo、useMemo、useCallback 处理昂贵计算并防止重渲染。 重操作:使用 InteractionManager、setTimeout 卸载阻塞 UI 的操作。

已内置优化(无需额外操作):ListView 自动限制可见项 windowSize={5};Tabs 使用 contentVisibility: 'hidden' 隐藏非活动标签;Dialog 关闭时使用 contentVisibility: 'hidden' 隐藏。

详细指南见 performance.md,涵盖并发请求控制、桥接优化、重操作卸载、列表渲染、记忆化与回调、状态更新优化、图片优化、异步操作与竞态条件,以及真实 iOS AppHang 案例研究。

相关技能:/1k-coding-patterns、/1k-sentry-analysis、/react-native-best-practices。

限制:资料未提供安装命令、收费信息、支持平台范围及具体版本要求。