/tech-study-js

学习强国油猴插件 40分/天 强国脚本 A flexible and light userscript for xuexiqiangguo based on tampermonkey plugin

Primary LanguageJavaScriptMIT LicenseMIT

tech-study-js

原仓库

https://github.com/TechXueXi/techxuexi-js

基于原作者的原仓库，自行改进和完善

描述 Description

  • 灵活且貌似轻量的 学习强国 油猴脚本。

  • 与此同时，提供更加便捷的版本选择

交流群 Telegram Group

注：介于脚本国内敏感，暂时不提供其他交流互动方式。

用法 Usage

  1. 装个浏览器插件Tampermonkey

    1. Microsoft Edge: 插件安装

    2. Google Chrome: 插件安装

  2. 点击插件里添加按钮，去掉编辑框里原来的代码，复制 tech-study.js 脚本，粘贴进编辑框保存。

  3. 开启这个脚本，然后进入网页强国 https://www.xuexi.cn 。

优化 Promote

  1. 优化整体交互设计，新增一体式扫码登录

  2. 新增用户信息显示，包括昵称、头像、总分以及当天分数

  3. 新增任务进度以及任务分数详情显示，任务情况清晰明了

  4. 优化答题逻辑，新增滑动验证，远离验证烦恼

  5. 新增同屏任务以及静默运行，仅需一个页面即可静默运行任务

  6. 兼容桌面端以及移动端，手机电脑均可运行（设备均需支持油猴脚本，此外，移动端需要开启同屏任务）

  7. 新增定时任务以及远程推送，定时刷新页面，远程微信推送登录二维码

使用流程 Process

  1. 用户登录

    登录

  2. 点击 开始学习，等待完成任务运行

    • 桌面端运行

      桌面端运行

    • 移动端运行

      移动端运行

  3. 完成学习任务

    完成学习

更新与维护 Update and Maintenance

  1. 更新任务 API，新增响应式界面

  2. 尝试修复同屏任务无效问题，由于问题原因未知，后续仍将继续修复

  3. 与此同时，提供更加便捷的版本选择

关于开发 Development

  • 脚本配置

    1. 版本配置 src/config/version.ts

    2. 脚本配置 src/config/script.ts

    3. 编译配置 src/config/compile.ts

    4. 接口配置 src/config/api.ts

    5. 链接配置 src/config/url.ts

    6. 任务配置 src/config/task.ts

  • CSS 文件

    src/css/index.css

    • 根据功能特性（i）

      // 将文件'./css/index.css'文本内容赋值到'css'
import css from './css/index.css?raw';

    • 根据 Tampermonkey API 函数

      // 嵌入样式
GM_addStyle(css);

  • 脚本内容

    src/tech-study.ts

  • 编译

    # 编译生成 'tech-study.js'
pnpm build

    即

     ✔ 完成编译: index.ts -> index.js
 ✔ 已生成 用户脚本配置 注释!
 ✔ 完成编译: ./config/api.ts -> api.js
 ✔ 完成编译: ./config/url.ts -> url.js
 ✔ 完成编译: ./config/task.ts -> task.js

 ... ...

 ✔ 导出整合的脚本文件: tech-study.js

  • 功能特性（基于TypeScript Compiler API）

    1. 包含?raw结尾的import语句

      import var from 'file?raw';

      1. 文件file文本内容赋值到var

      2. 此类型import语句不会被编译到结果

    2. 普通的import语句

      import { funName } from 'file';

      1. 文件file文本插入到主文件一起导出，相当于合并多个*.ts文件导出为一个*.js文件

      2. 此类型import语句不会被编译到结果

  • 类似组合式接口（类似 Composition API）

    模拟 ref，watch，watchEffect 等 API。