performance-security - React 应用性能、无障碍与安全加固模式
涵盖 React 代码分割、编译器优化、资源处理、无障碍测试及安全加固的最佳实践指南。
标签
更新于: 2026-09-21能力
典型输入
典型输出
该技能可以做什么
- 实现路由级代码分割
- 优化 React 编译器性能
- 优化图片与静态资源
- 分析 JavaScript 打包体积
- 使用语义化 HTML 与 ARIA
- 实现键盘导航支持
- 校验不可信 API 数据
- 防范 XSS 漏洞
- 审计包依赖项
输入
- React 应用源代码
- 图片及静态资源文件
- 包依赖配置文件
- 环境变量配置文件
输出
- 代码分割后的构建产物
- 打包体积可视化报告
- 经过校验的数据结构
- 安全审计结果
- 内容安全策略配置
要求
- React 应用环境
- Vite 构建工具
- pnpm 包管理器