Kairyou's Blog

专注于前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]
  • 推荐一个程序员爸爸给女儿做的英语语法练习网站

    / 分类: 工具 / No Comments

    我一个程序员朋友,之前为了帮女儿学英语语法,自己动手做了一个在线练习网站:english-grammar.app

    他最初是在 V2EX 上发帖征求意见,当时只有一个语法点(一般现在时),180 道题。经过一段时间的迭代,现在已经发展到 46 个语法点、将近 5000 道练习题、46 篇讲解课程,覆盖了时态、情态动词、条件句、被动语态等 6 大语法类别。

    起因

    他女儿学英语有个典型问题:课本背得滚瓜烂熟,一到实际运用语法就出错。市面上的产品要么收费不低,要么体验一般。作为程序员,他的解决方式很直接——自己做一个。

    上线后让女儿试了一下,拿到了 8/10 的评分。

    几个我觉得不错的设计

    全英文界面和讲解。 这是他有意为之的——减少中英文切换的认知负担,也避免用中文语法术语去解释英文语法,越解释越绕。直接在英文语境里学英文语法,反而更直观。

    题量大,分级清晰。 A1 到 C1 五个难度等级,从最基础的一般现在时到虚拟语气、条件句这些难点都有覆盖。每个语法点配有讲解课程和多组练习,不是做完几道题就没了。

    多种练习模式。 支持选择题、填空和 PDF 下载。选择题模式有即时反馈,答错了会显示详细的规则解释,不是简单告诉你"错了"。

    完全免费,不用注册。 打开就能用。

    键盘快捷键 + 沉浸模式:像刷 LeetCode 一样刷语法

    这个网站对键盘操作的支持做得很好,完全不用碰鼠标:

    快捷键功能
    A B C D直接选择对应选项
    上一题 / 下一题
    F进入/退出沉浸模式
    ESC退出沉浸模式

    按下 F 进入沉浸模式后,界面会隐藏导航栏等干扰元素,只剩题目和选项,体验很像全屏刷题。配合键盘快捷键,左右箭头切题、字母键选答案,整个流程行云流水。

    每天通勤路上或者午休时间,打开网站按 F 进入沉浸模式,10 分钟刷一组 20 道题,比打开语法书有效率多了。

    不只是给孩子——程序员自己也用得上

    说实话,我们程序员的英语语法也没好到哪去。平时读文档、看 Stack Overflow 能看懂,但轮到自己输出就露馅了:

    • 写 commit message 纠结半天时态,到底是 "fix bug" 还是 "fixed bug"?
    • 写技术博客或者 README,语法错误拉低专业感
    • Code review 留 comment,想表达清楚却词不达意
    • 面试外企,口语凑合但语法一开口就乱

    这个网站的好处是分级明确。基础薄弱的可以从 A1 的一般现在时开始打基础,有一定水平的可以直接挑战 B2/C1 的条件句、虚拟语气这些高阶内容。每天花 10 分钟刷几组题,比翻语法书有效率。

    技术栈

    给感兴趣的朋友提一下,这个网站用的是 Next.js + React + TypeScript + Tailwind CSS,是个纯前端项目。如果你对技术实现感兴趣,也可以去 V2EX 的帖子里和他交流。

    链接

  • Claude Code 介绍及使用

    / 分类: 工具,实践 / No Comments

    内容包括: Claude Code 简介, 安装与配置, 核心功能详解, 子代理系统, 实用技巧, IDE 集成, MCP 扩展, 故障排除, 费用优化策略

    Claude Code 简介

    Claude Code 是 Anthropic 推出的 AI 编程助手, 将 Claude 的能力直接集成到开发工作流中.
    类似的 CLI 工具有: Augment Code、OpenAI Codex、Gemini CLI、Cursor CLI、GitHub Copilot CLI 等.

    核心优势

    • 深度代码理解: 分析项目架构、依赖关系和代码结构, 理解常见设计模式
    • 良好的上下文管理: 在单次会话中保持项目理解和代码上下文
    • 自主文件操作: 直接创建、修改、重构文件, 减少手动复制粘贴
    • 子代理系统: 创建专门的 AI 助手处理特定领域任务
    • 命令行集成: 原生命令行体验, 融入开发工作流

    与其他工具对比

    工具优势劣势适合场景
    Claude Code• 优秀的大型项目理解能力
    • 重构和架构能力强
    • CLI + IDE + subagents 工作流完整
    • 重度使用常要上 Max 套餐
    • 多模型路由灵活性仍不如开放式网关方案
    复杂项目 / 重构 / 全流程开发
    Pro $20, Max 5x $100, Max 20x $200
    OpenAI Codex• 优秀的大型项目理解能力
    CLI开源 / 多模型支持
    • 可在沙盒中执行命令、跑测试、验证后再应用修改
    • 速度较慢 (解决问题耗时较长)
    • 复杂的多文件修改需求感觉逊于CC
    规划设计 / 修 bug / 讨论
    ChatGPT Plus $20 起
    Augment Code• 企业级安全合规
    • ACE引擎(以向量检索为基础, 最多能索引50w文件)
    • 擅长大型代码库 / 多仓 / 文档联动理解
    • 除了 IDE, 也有 CLI / Remote Agents / MCP 等能力
    • Prompt 提示词优化 / Review 工作流较完整
    • 相比个人向工具更偏团队 / 企业场景
    • 价格高于多数日常编码工具
    复杂项目 / 提示词优化 / 一次性完成复杂任务
    Indie $20, Standard $60, Max $200
    Cursor• 代码补全与编辑体验仍然很强
    • Agent / Background / Bugbot 等能力持续增强
    • 内置 Browser / Style Editor, 适合前端页面原型、可视化调样式与联动改代码
    • 计费结构不清晰 / 配额消耗快日常编码 / 代码补全 / 前端页面原型 / 可视化调试
    Pro $20, Pro+ $60, Ultra $200
    Trae• SOLO agent / SOLO Builder 是核心亮点, 更强调从 idea 到 product 的连续执行
    • 价格门槛相对低, 对个人用户更友好
    • 生态、社区内容、第三方教程少于 Cursor / Copilot预算敏感 / SOLO agent / 从想法到 demo / 日常编码
    Pro $10, Pro+ $30, Ultra $100
    GitHub Copilot• GitHub 网站里的 issue / PR / review 场景支持更完整
    • IDE 集成最广, 团队上手门槛低
    • 放在 GitHub 团队协作场景里最顺手
    • 离开 GitHub 生态后, 优势就没那么明显GitHub 流程 / 团队协作 / 日常编码
    Pro $10, Pro+ $39, Business $19/seat, Enterprise $39/seat
    注: 部分 AI IDE 在复杂项目中会出现“降智”感, 除了模型本身, 也可能与上下文被裁剪或检索不充分有关.

    查看全文 »