# 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
状态: 进行中