servo_sizer/TASK_LIST.md

Servo Sizer 项目改进任务清单

🎯 高优先级任务

1. 修复黑夜模式问题

• 统一 JavaScript 和 CSS 中的主题类名（dark-mode vs dark-theme）
• 确保主题切换时正确应用所有样式
• 测试本地存储功能是否正常工作

2. 集成 Tailwind CSS

• 添加 Tailwind CSS CDN 或本地集成
• 重构现有 CSS 类，使用 Tailwind 实用类
• 保留自定义样式中 Tailwind 无法覆盖的部分
• 确保响应式设计仍然有效

3. 更新术语和参数结构

• 将 "滚珠丝杠" 改为更通用的 "丝杠" 或 "螺杆"
• 将摩擦系数和传动效率从全局参数移至各模型特定参数
• 更新所有相关计算逻辑以使用模型特定参数

4. 改进按钮视觉效果

• 使用 Tailwind 的按钮样式增强 calculateBtn
• 添加悬停、激活状态的视觉反馈
• 确保在暗色和亮色主题下都清晰可见

📋 中优先级任务

5. 代码组织优化

• 拆分 JavaScript 文件为模块化结构
• 创建单独的 theme.js 文件处理主题逻辑
• 创建 constants.js 文件管理常量

6. 用户体验改进

• 添加加载状态指示器
• 改进错误消息显示
• 优化移动端触摸体验

7. 性能优化

• 减少不必要的 DOM 查询
• 优化图表渲染性能
• 添加防抖处理高频事件

🔧 低优先级任务

8. 功能扩展

• 添加更多传动类型
• 支持多语言切换
• 添加打印友好的结果格式

9. 测试和文档

• 添加单元测试
• 更新用户指南
• 创建开发文档

🚀 实施计划

1. 第一阶段：修复主题问题 + 集成 Tailwind CSS
2. 第二阶段：更新术语和参数结构
   
3. 第三阶段：改进按钮和用户体验
4. 第四阶段：代码优化和扩展功能

---

最后更新: 2024-02-01 状态: 进行中