**【标签】**学习工作
【标题】 【学习工作赛道】 轻词 LiteWord翻译虽好——但为了高效也请攒点词汇量
【正文】
0. 先和大家打个招呼吧 
-
你是谁： 大家好！我是 dj，一个以懒为美的独立开发者。
-
你是怎么用 TRAE 把 Demo 做出来的： 用 TRAE 做这个 Demo 的过程比我预想的顺畅太多。我脑子里想清楚要什么，一句话一句话跟它说，它就能把 HTML + CSS + JavaScript 一气呵成写出来。最让我意外的是交互细节——比如卡片切换动画卡住了，我描述了一下现象，它直接定位到是 transitionend 事件没触发的问题，换了个方案就修好了。这种"我说症状，它给解法"的配合方式，让我这种懒得写 CSS 的人也能做出精致的界面。
1. Demo 简介
-
是什么：目前demo是一个纯前端的场景化背词网站，手机电脑都能用，数据存在本地浏览器里。
-
面向谁：英语不好但日常要碰英文的人——写 AI Prompt 的、看技术文档的、用英文软件的、刷海外资讯的。
-
主要功能：7 阶间隔重复 —— 看一眼就过，不拼写不默写。算法自动安排复习节奏：10 分钟、2 小时、1 天、2 天……7 轮自然记住。学的词不会忘，也不用自己管复习计划。
跨场景例句对比 —— 每个词在不同场景下的用法放在一起对比。比如 “commit” 在 Git 里是"提交代码"，在航空场景里是"致力于安全"，在团队协作里是"承诺每周发布"。这是其他背词 App 没有的——不只是一个孤立例句，而是让你看到同一个词在你的多个工作生活场景里分别怎么用。
深度记忆面板 —— 右侧面板自动展示搭配、词族、同义词辨析，帮你从"认识一个词"到"会用一个词"。信息分层呈现，卡片只放词和释义，深度内容按需展开。
2. Demo 创作思路
-
灵感来源：追求极致效率。我学一个词，不是为了某天考试用，是为了马上就能用上。今天学了 “deploy”，下一秒看技术文档就能认出来；今天学了 “fine-tune”，写 Prompt 的时候就用得进去。学和用之间不该有延迟。
-
想解决的问题：现有背词工具的问题是：词库和场景脱节。你背了一堆应试词汇，工作里一个都碰不到；你真正天天遇到的 “commit”“merge”“prompt”“context”，词库里压根没有。学了用不上，等于白学。
-
为什么做这个方向：第一，词库必须按场景来——AI 提示词、AI 模型、Git、开发部署、iOS、软件应用、航班、酒店，8 个场景全是日常高频接触的。每个词都是你真的会在这些场景里碰到的，学了转身就能用。第二，跨场景例句对比——同一个词在不同场景下意思不同，比如 “context” 在 AI 里是"上下文"，在 Git 里是"冲突行"，放一起看才能理解到位。这不是锦上添花，是解决"学了但用不对"的问题。
3. Demo 体验地址（三选一）
4. TRAE 实践过程
-
整个 Demo 从零到上线，全程在 TRAE 里完成，没有手动写过一行代码。下面是关键开发步骤：
第一步：词库与基础架构
跟 TRAE 描述了产品形态——一个单 HTML 文件的背词应用，需要词库数据、SRS 算法、卡片交互。TRAE 一次生成了完整的 WORD_BANK、7 阶间隔重复算法、以及基础页面结构。
第二步：深度记忆面板与跨场景例句
让 TRAE 设计了右侧面板的信息架构：搭配、词族、同义词、例句分层展示。然后提出"场景化例句"的差异化想法——同一个词在不同场景下有不同例句，对比展示。TRAE 帮我构建了 SCENE_SENTENCES 数据结构，覆盖 50 个高频跨场景词，每个词 3 个场景例句。
第三步：卡片动画修复与体验打磨
卡片切换时偶尔加载不出来，跟 TRAE 描述了现象。它定位到是两阶段 transitionend 事件的脆弱性，改成了 CSS animation 单阶段淡入方案，问题解决。之后还修了"上一个"按钮重复加分的问题——用 processedIndices Set 跟踪已处理的词，避免来回切换重复记录。
第四步：部署上线
在 TRAE 里直接用终端完成了 Git 初始化、GitHub 仓库创建、Pages 部署。遇到网络问题时 TRAE 自动检测到本地代理端口并配置 git proxy，最终成功推送到 GitHub。
-
关键 Session ID：Session 1：词库构建与基础功能开发：3401222074670691:d9faabff3ecf666cb5daa681b438e1c0_6a4f770a31aeed808c4022ab.6a50e05f264d5f37863ccf36.6a50e05f264d5f37863ccf34:TRAE Work CN.0.1.34.no_sid.no_ppe.T(2026/7/10 20:06:55)
Session 2：跨场景例句与深度面板：3401222074670691:68fac116116708ba4f35d3926c94c114_6a4f770a31aeed808c4022ab.6a5634e8d87cb652871e1246.6a5634e8d87cb652871e1244:TRAE Work CN.0.1.34.no_sid.no_ppe.T(2026/7/14 21:08:56)
Session 3：动画修复与部署上线：3401222074670691:f662a39075a62575112bcbf2fb52296e_6a4f770a31aeed808c4022ab.6a563eb6d87cb652871e1418.6a563eb6d87cb652871e1416:TRAE Work CN.0.1.34.no_sid.no_ppe.T(2026/7/14 21:50:46)
5. 对应的报名审核通过的帖子链接
【学习工作赛道】轻词 LiteWord——翻译虽好，但为了高效也请攒点词汇量 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区