Khan Academy Perseus 项目 v55.0.0 版本技术解析

Perseus 是 Khan Academy 开发的一个开源数学教育组件库，主要用于构建交互式的数学题目和教学工具。该项目提供了丰富的数学组件，如数值输入、图形绘制、公式编辑等功能，帮助开发者快速构建高质量的数学学习体验。

核心功能改进

数值输入组件优化

本次版本对 NumericInput 组件进行了重大重构，使其能够在没有答案数据的情况下保持交互性。这一改进使得组件更加灵活，可以适应更多教学场景：

1. 将 UI 逻辑迁移到函数式组件，提高了代码的可维护性
2. 重构了辅助函数，移除了下划线命名，改进了文档并增加了测试
3. 修复了示例仅在正确答案时显示的问题
4. 改进了工具提示的显示位置，确保它们出现在输入框下方
5. 当内容创建者未提供时，更新了 ARIA 标签以提升无障碍体验

交互式图形增强

图形相关组件也获得了多项改进：

1. 确保键盘用户可以在所有图形上跨无效位置移动点
2. 更新了量角器以支持新的 SVG 实现
3. 增加了测试验证交互式图形组件能否在没有答案数据的情况下渲染

架构与工具链升级

项目进行了重要的工具链迁移：

1. 从 npm/yarn 切换到 pnpm 包管理器，提高了依赖管理的效率和一致性
2. 改进了每个包嵌入自身版本号的方式，虽然略微增加了包大小，但提供了更好的版本追踪能力

无障碍与国际化

针对屏幕阅读器和国际化做了多项优化：

1. 更新了线性系统的屏幕阅读器字符串
2. 改进了正弦曲线相关的无障碍文本
3. 优化了圆形组件的可访问性描述
4. 调整了线性相关组件的国际化字符串

测试与质量保证

本次发布包含了大量测试改进：

1. 为无答案数据支持的下拉组件添加了测试
2. 增加了验证交互式图形组件在各种场景下的渲染测试
3. 完善了数值输入组件的测试覆盖
4. 修复了功能分支合并后的测试快照

开发者体验

为提升开发者体验做了多项改进：

1. 清理了数值输入组件的故事书(Storybook)示例
2. 数值输入重构后的开发环境优化
3. 改进了组件文档和类型定义

总结

Perseus v55.0.0 版本带来了数值输入组件的重大重构、图形交互的增强、工具链的现代化升级以及全面的无障碍改进。这些变化不仅提升了组件的功能和可靠性，也为开发者提供了更好的开发体验。教育科技开发者可以借助这些改进，构建更加强大、易用的数学学习工具。