AI编程巅峰对决：我用三个实战案例测试Claude 3.7和Gemini 2.5pro的编程能力！

正文

请到「今天看啥」查看全文

两个实现各有千秋：Gemini的传统三文件结构对初学者更友好，代码组织逻辑清晰；Claude的React组件更符合现代前端开发趋势，代码更简洁。前者适合教学和理解基础，后者适合实际项目开发。 时钟功能上两者都完美实现了需求，但在视觉设计上，Claude的实现更具现代感和美观度。

📝 案例二：待办事项应用

第二个挑战：开发一个待办事项(Todo List)应用，需要实现添加、标记完成/未完成、删除功能，并支持本地存储和简单分类。

原提示词

请为我创建一个简单的待办事项(Todo List)应用，具有以下功能：1. 添加新的待办事项2. 标记事项为已完成/未完成3. 删除待办事项4. 显示待办事项总数和已完成数量5. 数据保存在浏览器本地存储中，刷新页面后不丢失6. 简单分类功能（如按优先级或日期）请提供完整的HTML、CSS和JavaScript代码，注重用户界面的简洁和易用性。

Gemini 2.5pro的表现

Gemini创建了一个功能完整的待办应用，采用一体化HTML文件（内含CSS和JS）： 优点：

1. 设计了筛选功能，可按全部/未完成/已完成/优先级筛选

2. 增加了创建时间显示

3. 图标和交互设计直观

4. 数据持久化实现完善

Claude 3.7的表现

Claude同样提供了三文件结构的实现，但在运行时遇到了localStorage安全错误： 值得称赞的地方：

1. 代码组织和注释非常专业，函数职责划分明确

2. 支持按优先级（高/中/低）分类待办事项

3. 添加了统计已完成/总数的功能

4. UI设计简洁实用

然而，Claude的实现在沙盒环境中无法正常使用localStorage，这是一个明显的缺点，表明它对环境限制的感知不如Gemini。

对比分析

Gemini在这一轮表现更好，它的代码不仅能正常运行，还有更丰富的功能，如时间戳显示和更完善的筛选系统。Claude虽然代码结构优秀，但未能处理好沙盒环境的限制，这在实际应用中是个不小的问题。

请到「今天看啥」查看全文