/typepad

玫枫跟打器:网页版五笔打字工具,跟打器 for macOS

Primary LanguageJavaScript

玫枫跟打器

Roseo Maple Type Pad

Screen Shot 2020-06-12 at 18 55 11

Screen Shot 2020-06-12 at 18 54 05

线上地址

https://kylebing.cn/tools/typepad/

前言

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

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

能打字能统计按键能对照显示已打的字的对错能显示实时的码长、速度、击键速度能切换常用文章选择发文字数能乱序当前段,乱序整篇文章能记录用户发文配置能记录已打的记录,删除添加暗黑模式长文本时自动滚动添加文章记录添加文章种类添加 CET 英文单词输入,并显示释义汉字时打字时不显示输入的编码

使用说明

推荐在 Chrome 谷歌浏览器中使用

目前不支持不在编辑区输入编码的输入法

开发说明

出于个人挑战的目的,想使该项目的文件大小越小越好。

  • 使用原生 js 实现,未使用任何第三方 js 框架。
  • css 使用 scss 编写。
  • 历史记录使用 indexedDB 存储
  • 配置使用 localStorage 存储