tech-study-js

原仓库：

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

描述 Description

灵活且貌似轻量的 学习强国 油猴插件。
如果感觉功能不强大，去看看 Node.js 版 https://github.com/Xu22Web/tech-study-node

用法 Usage

装个浏览器插件 tampermonkey （下载：https://github.com/TechXueXi/Tampermonkey ）
点击插件里添加按钮，去掉编辑框里原来的代码，复制 tech-study.js 脚本复制粘贴进编辑框保存。
开启这个脚本，然后进入网页强国 www.xuexi.cn ，登录网页。

优化 Promote

优化整体交互设计，新增一体式扫码登录
新增用户信息显示，包括昵称、头像、总分以及当天分数
新增任务进度显示，优化显示逻辑
修复部分小 bug，优化答题逻辑

使用流程 Process

点击 开始学习，等待完成学习
完成学习

更新与维护 Update and Maintenance

优化答题逻辑，替换答题 API ，提高答题正确率。
新增对于Firefox浏览器的支持（测试Firefox版本: v104.0.1）。
答题存在滑动验证问题，暂时无法解决。
发布基于Node.js以及puppeteer的全套解决方案，Node.js 版解决了滑动验证问题等问题，实现全自动化。

关于开发 Development

脚本配置
1. 脚本配置 src/config/script.ts
2. API 配置 src/config/api.ts
3. URL 配置 src/config/url.ts
4. 编译配置 src/config/compile.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

即

 ✔ 完成编译:tech-study.ts -> tech-study.js!
 ✔ 完成编译:./config/url.ts -> tech-study.js!
 ✔ 完成编译:./config/api.ts -> tech-study.js!
 ✔ 完成编译:./utils/index.ts -> tech-study.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语句不会被编译到结果

ashortname/tech-study-js

tech-study-js

原仓库：

描述 Description

用法 Usage

优化 Promote

使用流程 Process

更新与维护 Update and Maintenance

关于开发 Development