tech-study-js

原仓库

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

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

描述 Description

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

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

• Node.js 版

• Docker 版

交流群 Telegram Group

• 链接： tech-study 互动群

• 二维码：

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

用法 Usage

1. 装个浏览器插件Tampermonkey

2. Microsoft Edge: 插件安装

3. Google Chrome: 插件安装

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

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

优化 Promote

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

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

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

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

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

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

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

使用流程 Process

1. 用户登录

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

2. 桌面端运行

   

3. 移动端运行

   

4. 完成学习任务

更新与维护 Update and Maintenance

1. 提升运行稳定性，修复专项答题未登录显示的问题

2. 新增视频静音、自动答题选项，灵活自由配置，避免被封

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

4. Node.js 版

5. Docker 版

Tips:

尝试安装 uBlock Origin 插件，屏蔽上传鼠标点击位置、前端截图等请求，降低被封风险

关于开发 Development

• 脚本配置

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

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

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

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

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

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

• CSS 文件

src/css/index.css

• 根据功能特性（i）

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

• 根据 Tampermonkey API 函数

  js // 嵌入样式 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）

• 包含?raw结尾的import语句

  import var from 'file?raw';

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

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

• 普通的import语句

  import { funName } from 'file';

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

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

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

模拟 ref，watch，watchEffect 等 API。