Giter Club home page Giter Club logo

bluesea's Introduction

BlueSea

BlueSea,是一个有趣的英语学习扩展程序。支持划词翻译、单词高亮、单词弹幕、记忆曲线复习、词频统计...等功能。

安装使用

当前为测试阶段,可以直接 clone 项目,加载已解压的扩展程序来使用。 安装扩展后,建议刷新页面

功能清单

  • 页面英文划词翻译、发音
  • 本地单词管理(单词本)
  • 词频统计(总词频,当日词频,页面内词频)
  • 精确的全局单词高亮
  • 单词弹幕(复习、发音)
  • 卡片式单词复习功能
  • 根据遗忘曲线,自动安排单词学习计划(卡片或弹幕)
  • 导入/导出

配置项

{
	"划词翻译": true, //基础配置(优先级最高),是否启动划词翻译
  "单词高亮": true, //基础配置
	"单词弹幕": true, //基础配置
	"黑名单": [],
	"中文注解": true,//全局高亮的时候,是否在单词右上角直接显示中文翻译
	"划词默认发音": true,//划词或者鼠标移入弹幕时,是否自动发音
	"单词弹幕数量上限": 10,//一屏内单词弹幕数量,据电脑性能量力而行
	"单词弹幕速度": 10, // 单位秒,默认为弹幕走完一个周期需要10秒
	"隐藏完成复习的单词": true//出于性能考虑,建议保持隐藏

}

后续会逐步增加可配置项(自定义遗忘曲线、高亮样式、弹幕速度...)

交互逻辑

在页面上遇到生词,进行划词翻译、发音

划词翻译

将生词加入单词本,并根据遗忘曲线,生成复习计划。在复习期间内的单词,将在页面内被高亮展示,鼠标移入可以查看信息。

单词高亮

单词到复习时间,自动创建单词弹幕在页面内出现,选择认识或不认识,动态调整复习计划。

单词弹幕

单词卡片,查看单词具体信息

单词卡片

单词本,进行单词管理,或查看词频与其他信息

单词本

配置中心,进行各类配置设定

配置

更多说明

  • 部分页面可能因网站设置了 csp 安全策略,会导致发音失败。
  • 关于根据遗忘曲线生成的复习时间节点逻辑说明,单词具有一个 level 字段,每次进行操作后会进行 +1 或 归零,然后根据最新的 level 生成下一次需要复习的时间节点。
  • 关于默认设置的遗忘曲线为[5,30,12 * 60,24 * 60,2 * 24 * 60,4 * 24 * 60,7 * 24 * 60,15 * 24 * 60,30 * 24 * 60] 单位分钟。举例,单词被收藏5分钟后将提示复习,然后是30分钟后,12小时后,以此类推。
  • 导出,支持 .json 与 .txt 导出。如果需要更多的导出格式,提交 pr 或者在 issues 中指出。
  • 导入,支持 .json 与 .txt 导入,具体格式参考导出的数据(使用 .txt 进行导入时,因为需要拉取每个单词的翻译信息所以会比较慢,并在导入期间内,不要进行其他操作)。
  • 关于性能,已测试在一个页面内最多标记 100+ 单词。单词本中测试收录 5000+ 单词,后续增加分组功能,缓解性能压力。

开发

下载代码

git clone https://github.com/jiangqizheng/BlueSea

翻译提示窗部分样式参考 ChaZD

欢迎Star、Fork、提BUG、

bluesea's People

Contributors

jiangqizheng avatar

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.