【TRAE 求职作品秀】我用 TRAE 做了个"墨墨背单词式"的面试题复习本,背完不再一周就忘

1. 我是谁,现在在准备什么

我是【2026 届 / 转行】选手,正在准备【Java 后端】方向的秋招。面经收藏了一大堆,痛点特别真实:今天背得滚瓜烂熟,隔一周再问又全忘了;打开书不知道今天该复习哪几道,复习全凭心情,没有节奏。

2. 我做了个什么小作品,解决什么问题

我用 TRAE 做了一个单页就能跑的面试题间隔复习工具(就是个 review.html,打开即用,不用装环境)。

用法很简单:把面经题和自己写的答案录进去,之后每天打开,它只把"今天该复习"的题推给你。每道题正面是题目,点一下(或按空格)3D 翻转看答案,然后给这道题打分:

  • 认识(绿):下次按阶梯往后排,间隔 1→3→7→15→30 天越来越长;

  • 模糊(橙):间隔减半,过两天再考我一次;

  • 不熟(红):明天再来,阶梯从头开始。

它本质就是把墨墨背单词 / Anki 那套间隔重复记忆法搬到了面试题上。解决的就是"背了就忘、不知道今天该看啥"的问题——不用自己排复习计划,它替你记着每道题下次哪天见。

顺手还做了几个让我真的愿意每天打开的小细节:

  • 顶部一个环形进度,今天复习了几题、还剩几题一目了然;

  • :fire: 连续打卡天数 + 近 60 天 GitHub 风打卡热力图,断一天有负罪感;

  • 键盘党友好:空格翻卡,按 1 / 2 / 3 直接打分;

  • 数据存在本地浏览器,还能导出 / 导入 JSON 备份,换电脑不丢题。

3. 我是怎么用 TRAE 做出来的

我不是前端熟手,整个过程基本是"说需求 → 让它出一版 → 不满意就接着改":

  • 第一步先把核心规则讲清楚:“做一个面试题间隔复习工具,答对一次复习间隔按 1、3、7、15、30 天递增,记不熟的明天再考”。它一次就把排期逻辑跑通了;

  • 然后我觉得像翻书一样翻面看答案更顺手,就加了一句"题目和答案做成 3D 翻卡,点卡片翻面";

  • 界面太素,我又说"参考墨墨背单词的感觉,紫色渐变背景、圆角卡片",就有了现在这个样子;

  • 最后补的是动力系统:“加一个连续打卡和近 60 天的打卡热力图,像 GitHub 贡献图那样”。

最费时间的不是写代码,是把"间隔重复"这个模糊想法翻译成它能执行的规则——比如"模糊了到底隔几天",我来回试了两版才定成"当前间隔减半"。全程没自己手写一行核心逻辑,都是对话里调出来的。

4. 成果展示

  • 【图1】复习首页:环形进度 + 一张翻卡题(ThreadLocal)+ 底部认识/模糊/不熟三档按钮;

  • 【图2】今日列表:今天到期要复习的题,一眼看完;

  • 【图3】全部题目:录入新题、搜索、JSON 导入导出备份;

  • 【图4】打卡日历:近 60 天复习热力图 + 连续打卡。

review.html (33.4 KB)

2 个赞

背完不再一周就忘太真实了 我也有这毛病 细说想学

1 个赞