Giter Club home page Giter Club logo

tech-study-plugin's Introduction

tech-study-plugin

描述 Description

  • 一个基于 chrome 浏览器插件的学习强国助手

注意: 项目仍在开发阶段,功能尚不完全,如出现 bug ,属于正常情况,请及时反馈,谢谢!

交流群 Telegram Group

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

安装 Install

  1. 下载 Release 发布里最新版本的压缩包tech-study-plugin.zip

  2. 解压压缩包到常用的文件夹,便于查找文件夹路径

  3. 配置 chrome 或者 edge 浏览器(以下以 edge 浏览器为例)

    • 进入 edge://extensions/ 页面

    • 打开开发者模式选项

    打开开发者模式
    • 加载解压的扩展文件,确认安装扩展
    加载解压缩的扩展
    • 在扩展栏显示插件图标
    显示扩展图标

保留 Keep

  1. 支持二维码扫码,以及基于 pushplus 远程推送的登录方式

  2. 支持用户昵称、头像、总分以及当天分数的显示

  3. 支持任务进度以及任务分数详情显示

  4. 支持文章选读以及视听学习

  5. 支持自动答题以及处理滑动验证

使用流程 Process

  1. 点击扩展图标或者在强国右键菜单

    • 扩展图标 扩展图标

    • 右键菜单 右键菜单

  2. 连接扩展

    • 检查扩展的连接状况

      连接状况
    • 若显示未连接,可采取以下办法:

      • 刷新已有的强国页面

      • 打开新的强国页面

    • 若显示已连接,直接下一步

  3. 登录账号

    登录账号
  4. 开始任务,等待任务完成

    连接状况

交流学习 Learning

  1. 本项目采用 typescript + less 编写,由 rollup 进行打包构建

  2. 使用 rollup 插件列表

    • rollup-plugin-typescript2 解析打包 typescript 文件

    • rollup-plugin-postcss 解析打包 less 文件

    • rollup-plugin-create-html 将打包后的 *.js*.css 等文件注入 html 模板(自己写的模块)

    • @rollup/plugin-node-resolve 解析打包导入的 node_modules 中的模块

    • @rollup/plugin-commonjs 解析打包基于 commonjs 的模块

    • @rollup/plugin-terser 代码压缩

  3. 手写的 Composition API 和 元素节点渲染模块,支持收集数据的影响以进行数据变化以及影响结果的回调,支持数据驱动的响应式元素节点以及异步元素节点的渲染(简化版 Composition API 以及 元素节点渲染

tech-study-plugin's People

Contributors

xu22web avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

lishipan

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.