AI个人考公学习工作台        From:张鱼烧脑

AI个人考公学习工作台        From:张鱼烧脑

        AI个人考公学习工作台。它是一套可安装、可离线、真实题库驱动的 PWA:题库、练习、判分、错题、计划、申论、时政和岗位记录都可以在本机完成,CloudBase 仅保留为未来可选的云端同步适配层。

功能概览

 

  • React 19 + TypeScript + Vite 8
  • 1900×1020 固定逻辑画布,随浏览器窗口整体等比缩放,不改变相对布局
  • 连续滚动的 3D 环绕与侧向层叠卡片场景
  • 系统、亮色、暗色主题循环切换
  • 五套界面强调色
  • 四张流体卡片独立材质设置:预设、自定义三色、不透明度、模糊与流动速度
  • 完整毛玻璃材质设置浮层和实时预览
  • PWA Manifest、Service Worker、离线应用外壳和更新提示
  • 按 2026 国考公共科目笔试大纲 组织行测六部分
  • 离线内置 C-Eval 公务员科目 481 道题和 LogiQA 2.0 逻辑推理 180 道题,共 661 道
  • 六部分专项练习、60 题综合套卷、即时判题和错题复盘
  • 本地全文搜索题干、材料、选项、模块和来源,可直接定位题目
  • 每日题量、训练时长、考试日期设置和真实进度统计
  • 申论草稿自动保存、时政热点记录和岗位选报雷达
  • 浏览器本地持久化,刷新或离线重新打开后仍可继续学习

环境要求

 

  • Node.js 20.19+,或 22.12+
  • npm 10 或更高版本
  • 推荐使用最新版 Chrome、Edge 或 Safari

详细教程:

1、未安装过nodejs的需要先安装,官方下载链接:https://nodejs.org/dist/v24.19.0/node-v24.19.0-x64.msi

2、严格按照这篇教程安装nodejs以及进行相关配置:Node.js安装及环境配置超详细教程(以win11为例子) – wenyiGamecpp – 博客园

3、完成后在安装路径下打开git或者cmd,进行下面的步骤

 

题库数据已经包含在仓库中,首次启动不需要重新下载或导入数据。

git clone https://github.com/zhangyushaonao/octopus-kaogong-pwa.git
cd octopus-kaogong-pwa
npm install
npm run dev

浏览器访问:

http://127.0.0.1:4320/

最后这个效果即为成功:

2026-08-04_122711

开发服务器支持热更新。修改源码后,浏览器会自动刷新。

生产构建与本地预览

 

npm run build
npm run preview

生产预览地址:

http://127.0.0.1:4321/

如需验证 PWA 安装、Service Worker 和离线缓存,建议使用生产构建后的 npm run preview

可用命令

 

命令 作用
npm run dev 在 127.0.0.1:4320 启动开发服务器
npm run build 执行类型检查并生成生产文件到 dist/
npm run preview 在 127.0.0.1:4321 预览生产构建
npm run typecheck 执行 TypeScript 类型检查
npm run lint 执行 ESLint
npm run test 执行 Vitest 测试
npm run check 依次运行类型检查、ESLint、测试和生产构建
npm run data:import:ceval 重新下载并校验 C-Eval 公务员题目数据

题库数据

 

内置题目来自:

  • C-Eval civil_servant 科目全部 481 道题
  • LogiQA 2.0 中文逻辑推理 180 道题

两套数据均遵循 CC BY-NC-SA 4.0。C-Eval 原始科目没有提供国考六部分子类,本项目使用可审计的本地关键词规则生成导航分类,不修改原始题干、选项和答案。详细归属和许可说明见 THIRD_PARTY_NOTICES.md

通常不需要执行数据导入命令。如果确实需要重新获取 C-Eval 数据:

npm run data:import:ceval

导入脚本会校验 dev 5、val 47、test 429 三个分片,总数必须严格等于 481,否则会停止写入。

本地数据与隐私

 

学习设置、作答结果、错题、申论草稿、时政和岗位记录保存在当前浏览器的本地存储中。项目不会展示伪同步状态,也不会生成虚假的学习成绩。

当前默认配置为:

VITE_SYNC_PROVIDER=local

CloudBase 尚未接入。未来云端能力会通过独立适配器扩展,不影响现有本地学习能力。

质量检查

 

提交代码前运行:

npm run check

该命令会依次执行 TypeScript、ESLint、Vitest 和生产构建。

项目说明:
本项目有纯前端:GitHub – zhangyushaonao/octopus-kaogong-workbench: 张鱼烧脑🐙原创考公学习工作台视觉交互模板 · GitHub 单纯前端无法使用,仅作为框架UI
集成到手可以的是这个项目:GitHub – zhangyushaonao/octopus-kaogong-pwa: 张鱼烧脑的本地优先考公学习工作台 PWA · GitHub

From:张鱼烧脑              github地址:zhangyushaonao (zhangyushaonao) · GitHub

资源说明:本资源来源于网络󠄹󠅀󠄪󠄥󠄨󠄞󠄢󠄤󠄢󠄞󠄡󠄢󠄦󠄞󠄢󠄤󠄩󠅬󠅅󠅃󠄵󠅂󠄪󠄡󠅬󠅄󠄹󠄽󠄵󠄪󠄢󠄠󠄢󠄦󠄝󠄠󠄧󠄝󠄢󠄩󠄐󠄡󠄣󠄪󠄡󠄩󠄪󠄣󠄢󠅬󠇕󠅶󠅵󠇕󠆞󠆩󠇖󠆍󠆕󠇘󠅷󠆚󠄪󠅜󠅤󠅪󠅘󠅜󠄞󠅓󠅟󠅝,所收费用为资源收集费,版权属于原作者,若有侵权请联系站长删除相关资源。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容