Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/xu22web/tech-study-js
学习强国油猴插件 40分/天 强国脚本 A flexible and light userscript for xuexiqiangguo based on tampermonkey plugin
https://github.com/xu22web/tech-study-js
css javascript qiangguo study tampermonkey tampermonkey-userscript typescript xuexi xuexiqiangguo
Last synced: about 1 month ago
JSON representation
学习强国油猴插件 40分/天 强国脚本 A flexible and light userscript for xuexiqiangguo based on tampermonkey plugin
- Host: GitHub
- URL: https://github.com/xu22web/tech-study-js
- Owner: Xu22Web
- License: mit
- Created: 2022-08-10T13:27:48.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-07-16T09:00:00.000Z (over 1 year ago)
- Last Synced: 2024-10-14T01:20:11.837Z (about 1 month ago)
- Topics: css, javascript, qiangguo, study, tampermonkey, tampermonkey-userscript, typescript, xuexi, xuexiqiangguo
- Language: JavaScript
- Homepage:
- Size: 7.33 MB
- Stars: 499
- Watchers: 10
- Forks: 128
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# tech-study-js
### 原仓库
> https://github.com/TechXueXi/techxuexi-js
基于原作者的原仓库，自行改进和完善
### 描述 Description
- 灵活且貌似轻量的 `学习强国` 油猴脚本。
- 与此同时，提供更加便捷的版本选择
- [Node.js 版](https://github.com/Xu22Web/tech-study-node 'Node.js 版')
- [Docker 版](https://github.com/Xu22Web/tech-study-docker 'Docker 版')
### 交流群 Telegram Group
- 链接： [tech-study 互动群](https://t.me/+IJ_YzNc-Iew0MGRl)
- 二维码：
注：介于脚本国内敏感，暂时不提供其他交流互动方式。
### 用法 Usage
1. 装个浏览器插件`Tampermonkey`
1. Microsoft Edge: [插件安装](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd?hl=zh-CN)
2. Google Chrome: [插件安装](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=zh)
2. 点击插件里添加按钮，去掉编辑框里原来的代码，复制 [tech-study.js](https://raw.githubusercontent.com/Xu22Web/tech-study-js/master/tech-study.js) 脚本，粘贴进编辑框保存。
3. 开启这个脚本，然后进入网页强国 https://www.xuexi.cn 。
### 优化 Promote
1. 优化整体交互设计，新增一体式扫码登录
2. 新增用户信息显示，包括昵称、头像、总分以及当天分数
3. 新增任务进度以及任务分数详情显示，任务情况清晰明了
4. 优化答题逻辑，新增滑动验证，远离验证烦恼
5. 新增同屏任务以及静默运行，仅需一个页面即可静默运行任务
6. 兼容桌面端以及移动端，手机电脑均可运行（设备均需支持油猴脚本，此外，移动端需要开启同屏任务）
7. 新增定时任务以及远程推送，定时刷新页面，远程微信推送登录二维码
### 使用流程 Process
1. 用户`登录`
2. 点击 `开始学习`，等待完成任务运行
- `桌面端`运行
- `移动端`运行
3. `完成学习`任务
### 更新与维护 Update and Maintenance
1. 修复有声视频播放后，页面倒计时不继续的问题（注：不同标签页的有声视频需要用户交互才能播放，手动播放后会展示倒计时）
2. 与此同时，提供更加便捷的版本选择
- [Node.js 版](https://github.com/Xu22Web/tech-study-node 'Node.js 版')
- [Docker 版](https://github.com/Xu22Web/tech-study-docker 'Docker 版')
### 关于开发 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）
```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`）
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。