写了个网页版的五笔跟打器:玫枫跟打器

KyleBing

玫枫跟打器

Roseo Maple Type Pad

线上地址

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

截图

Screen Shot 2020-12-09 at 12.10.30.png

Screen Shot 2020-12-09 at 12.10.26.png

前言

自己是个五笔爱好者,也一直在使用五笔,从 Windows 转到 Mac 之后,也没有有可用的跟打器,每回想练练打字了都需要打开 Windows 模拟器来打字。
一直一直想有个能在 macOS 上运行的跟打器。
最初是想自己用 swift 开发一个原生的 app,搭了个框架,准备写的时候发现好多东西不太熟。后来突然的一个周末,突然又想用本行开发一个试试,于是就有了这个。
从最初的打字功能,越写越多:
自定义发文内容无网络的时候也能使用重复时乱序当前段实现重复发文实现自动发文功能v2.0 拆分 js 文件到模块,采用 require.js AMD 形式加载汉字时打字时不显示输入的编码添加 CET 英文单词输入,并显示释义记录添加文章种类添加文章长文本时自动滚动添加暗黑模式能记录已打的记录,删除能记录用户发文配置能乱序当前段,乱序整篇文章选择发文字数能切换常用文章能显示实时的码长、速度、击键速度
能对照显示已打的字的对错能统计按键能打字

使用说明

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

开发说明

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

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

青枫ky
个人成长记录

前端,喜欢 Javascript scss,喜欢做一些实用的小工具

617 声望
12 粉丝
0 条评论
你知道吗?

前端,喜欢 Javascript scss,喜欢做一些实用的小工具

617 声望
12 粉丝
宣传栏