作为一个喜欢“折腾”的独立开发者,我一直信奉“由痛点驱动开发”。gemini4.cn 的题库系统最初只是为了解决我自己在备考人工智能训练师时,找不到好用的在线模拟工具的问题。
第一阶段:数据的丛林法则
我拿到的原始数据是一个长达 5000 行的混乱 Excel 格式。
- 挑战:判断题、单选、多选混成一团,且有很多重复项。
- 解决方案:我编写了一个 Node.js 脚本进行数据清洗。利用正则表达式提取题干、选项和答案,并最终将其结构化为我们现在看到的
question_bank_clean.json。 - 心得:在 AI 时代,结构化的数据本身就是一种核心资产。
第二阶段:UI 框架的极简主义抉择
我希望用户在刷题时能保持极致的专注。
- 选择:我选择了 React(由于其强大的逻辑控制力)配合纯粹的 CSS 选择器 and 渐变阴影。
- 设计哲学:我大量使用了暗黑模式(Matrix Style)和霓虹绿配色,这能有效缓解长时间阅读题目的视觉疲劳。
第三阶段:模拟考试系统的逻辑构建
最难的部分在于模拟真实考场的随机性。
- 算法设计:我实现了一个加权随机抽题逻辑。每次从几百道客观题中按比例(40判断/140单选/10多选)抽取,确保用户每次刷题都能覆盖到不同的盲点。
- 交互逻辑:增加了实时进度持久化。即使你刷题一半误关了浏览器,利用 LocalStorage 也能无缝接续。
第四阶段:解决 Google Adsense 的“内容匮乏”挑战
是的,这就是你现在看到的这些深度文章的由来。我意识到,一个好的工具站必须具备“灵魂”——也就是开发者对于这个领域的深度思考。
结语
如果你也想做一个类似的工具站,我的建议是:先动起来,让产品在迭代中成长。 任何伟大的项目,其第一版往往都是粗糙且不完美的。