KyleBing / typepad

玫枫跟打器:五笔跟打器(网页版)

Home Page:http://kylebing.cn/tools/typepad/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

玫枫跟打器

Roseo Maple Type Pad

界面

Screen Shot 2022-09-26 at 22 33 44

下载

1. 线上地址

http://kylebing.cn/tools/typepad/

2. 本地运行

直接下载 源文件,双击或用浏览器打开 index.html 即可本地运行

如果你想用来练习英文单词,请下载拥有完整CET4/6托福等单词的版本: v2.58

一、由来

自己是个五笔爱好者,也一直在使用五笔,从 Windows 转到 Mac 之后,没有可用的跟打器,每回想练练打字了都需要打开 Windows 模拟器运行添雨跟打器来练字。 一直一直想有个能在 macOS 上运行的跟打器。 最初是想自己用 Swift 开发一个原生的 app,搭了个框架,准备写的时候发现好多东西不太熟,放弃了。后来突然的一个周末,突然又想用本行开发一个试试,于是就有了这个。

从最初的打字功能,越写越多:

能打字能统计按键能对照显示已打的字的对错能显示实时的码长、速度、击键速度能切换常用文章选择发文字数能乱序当前段,乱序整篇文章能记录用户发文配置能记录已打的记录,删除添加暗黑模式长文本时自动滚动添加文章记录添加文章种类添加 CET 英文单词输入,并显示释义汉字时打字时不显示输入的编码v2.0 拆分 js 文件到模块,采用 require.js AMD 形式加载实现自动发文功能实现重复发文重复时乱序当前段无网络的时候也能使用自定义发文内容添加大单字模式,更好的专注于单字练习分组显示所有文章列表添加大量英文单词新的成绩展示样式统计单一类别的所有跟打数据添加汉语词条跟打类型显示跟打统计图表优化移动端显示

二、使用说明

  • 推荐在谷歌浏览器(Chrome)中使用
  • 目前不支持不在编辑区输入编码的输入法

三、开发说明

最初出于个人挑战的目的,想使该项目的体积越小越好,于是选用了 require.js 作为分割模块的框架:

并不是 require.js 优于其它框架,只是此工具生于这个,就没有再变化。 还是比较原始的操作方式,想变哪就改哪的 dom,要改成 Vue 的话估计得耗时不少。

  • 使用 require.js AMD 形式加载模块文件
  • css 使用 scss 编写。
  • 历史记录使用 indexedDB 存储
  • 配置使用 localStorage 存储
  • 使用 service-worker 处理离线请求

该工具参考了添雨跟打器的一些功能,之前一直在 QQ 群里用添雨跟打器练习五笔打字。

添雨跟打器 旧版

四、其它

1.线上成绩保存

之所以没有加,是因为 web 页面的成绩肯定是无法控制的,可以作假,那么就不如自己掌握了,本身跟打器就的主要使命就是自己练习,成绩只是反应你练习好坏的,也不是给别人看的,供自己参考的价值比较高些。

2.可能会支持云端记录跟打成绩

但应该也只限自己查看,统计等,日后吧~

五、历史

2020.05.17 ~ 2024.04.28

各历史版本截图记录 >>

六、支持

感谢 JetBrains 提供的工具支持

JetBrains

About

玫枫跟打器:五笔跟打器(网页版)

http://kylebing.cn/tools/typepad/

License:GNU General Public License v3.0


Languages

Language:JavaScript 71.1%Language:CSS 10.6%Language:SCSS 9.8%Language:HTML 8.6%