程序员面试口袋书 — 一个刷了 1000+ 道题之后我决定开源的面试刷题 App

纯前端项目Vue 3 Vite支持 PWA 离线安装覆盖 33 个技术分类、1000 道面试题。---## 为什么做这个项目准备面试的时候我相信大家都经历过这样的场景收藏夹里躺着十几篇面试题文章浏览器标签页开了一排刷完就忘忘了再翻。我想要一个**像 Anki 那样的闪卡复习工具**但专门针对程序员面试场景。翻卡片、标重点、自动记录错题、支持离线——于是就有了这个「程序员面试口袋书」。**在线地址**[https://interview.jlytools.cn/](https://interview.jlytools.cn/)---## 核心功能一览### 1. 闪卡式刷题体验这是整个 App 的核心。每道题以卡片形式展示正面是问题点击翻转看到答案。- **3D 翻转动画**CSS perspective rotateY 实现真实的卡片翻转效果- **手机端滑动切换**左右滑动切题带拖拽跟随和物理弹性效果小于 10px 的移动识别为点击不会误触- **键盘快捷键**PC 端左右方向键翻卡ESC 关闭弹窗### 2. 四种学习模式| 模式 | 说明 ||------|------|| 待复习 | 新题和未掌握的题都在这里 || 已掌握 | 标记为已掌握的题移入随时回来复习 || 收藏 | 重点题目一键收藏 || 错题本 | 手动加入或重置时自动归类专攻薄弱项 |每个 tab 都有题目数量角标一眼看出学习进度。### 3. 做题模式Quiz不想刷卡片切换到做题模式支持两种方式- **练习模式**每答一题即时出结果适合边学边练- **考试模式**全部做完后统一批改模拟真实考试节奏4 个选项自动从正确答案 同分类干扰项中生成做完自动算分错题自动加入错题本历史成绩全部保存。### 4. AI 模拟面试配置自己的 API Key支持小米 MiMo、OpenAI、DeepSeek 等兼容接口选择面试角色前端/后端/全栈AI 面试官会- 基于题库随机抽题追问- 支持追问和跳过- 面试结束后给出评价总结- 流式输出打字机效果### 5. 智能搜索 关键词高亮全文搜索题目和答案支持多关键词 AND 匹配。搜索结果中关键词用 mark 高亮暗色模式也适配。搜索时显示分类分布标签快速定位。### 6. 难度筛选题目按 1-5 星标记难度可以按 简单/中等/困难 筛选。冲刺阶段专攻高星题。### 7. 学习进度自动保存- 自动记忆上次学到哪个 tab、第几道题、具体题目 ID- 下次打开直接恢复进度超过 30 分钟未使用会弹出已恢复上次学习进度提示- 达到 10/30/50/100/200 道题里程碑时弹出鼓励 toast 音效庆祝### 8. 每日打卡 连续学习奖励每天刷满 10 道自动打卡连续打卡解锁额外题目| 连续天数 | 每个分类额外解锁 ||---------|----------------|| 3 天 | 2 题 || 7 天 | 4 题 || 14 天 | 6 题 |### 9. 邀请好友解锁分享邀请链接好友访问后自动绑定。里程碑奖励- 邀请 1 人每个分类 3 题- 邀请 3 人每个分类 6 题上限后端用 FingerprintJS 设备指纹 IP 追踪防刷。### 10. 数据统计面板30 天学习热力图、分类正确率、做题历史、连续打卡天数——全部可视化展示。### 免费增值模式设计HTML/CSS/JS 三大基础分类**完全免费无限制**其他分类免费用户限 5-12 题。通过打卡和邀请可以额外解锁Pro 版 ¥29.9 买断全部 1000 题。这样设计的考量基础分类免费保证用户能正常使用产品核心体验打卡/邀请解锁激励传播Pro 买断覆盖深度用户。### PWA Capacitor 双端- **PWA**浏览器直接安装到桌面Service Worker 缓存所有资源离线可用- **Capacitor**打包成 iOS App支持安全区域适配刘海屏 env(safe-area-inset-*)一套代码覆盖 Web、桌面 PWA、iOS 三端。### 音效零资源依赖所有音效用 Web Audio API 纯代码合成没有音频文件。翻卡声、掌握声、庆祝声全部由振荡器 增益节点生成包体零增加。---## 详细功能清单除了上面介绍的核心功能还有一些贴心细节- **暗色模式**一键切换全局适配localStorage 持久化- **题目编辑**可以修改题目文本、答案、难度星标添加个人笔记支持 Markdown- **卡片/列表双视图**适合不同学习习惯- **分类选择**按前端领域分组HTML、CSS、JavaScript、框架、工程化等支持全选/单选- **新手引导**首次使用弹出操作指引- **数据导出/导入**学习进度导出为 JSON 备份换设备也不怕- **里程碑提醒**刷到 10/30/50/100/200 题自动弹出鼓励语- **PWA 安装引导**桌面端和移动端分别提供安装教程- **响应式设计**从 iPhone SE375px到桌面 1024px 全适配- **多语言 UI**界面和题目内容都支持中/英/日/韩切换---## 与同类产品的差异| 特性 | 本项目 | LeetCode | 掘金/知乎面试文章 ||------|--------|----------|------------------|| 闪卡复习 | ✅ | ❌ | ❌ || 离线可用 | ✅ PWA | ❌ | ❌ || 错题本 | ✅ 自动归类 | 部分 | ❌ || AI 模拟面试 | ✅ | ❌ | ❌ || 打卡奖励 | ✅ | ❌ | ❌ || 多语言 | ✅ 4 语 | 部分 | ❌ || 移动端体验 | ✅ 原生滑动手感 | 一般 | 一般 |---这个项目解决的核心问题是**面试题太多太散刷完就忘没有科学的复习节奏**。闪卡 错题本 打卡机制本质上是在用间隔重复的理念帮你记住面试知识点。AI 模拟面试则把被动刷题升级为主动输出。如果你也在准备面试不妨试试 [https://interview.jlytools.cn/](https://interview.jlytools.cn/)-