做了個網頁版的 五筆跟打器: 玫楓跟打器
Magenta Maple Type Pad
地址:https://kylebing.cn/tools/typepad/
GitHub: https://github.com/KyleBing/typepad
前言
自己是個五筆愛好者,也一直在使用五筆,從 Windows
轉到 Mac
之後,也沒有有可用的跟打器,每回想練練打字了都需要打開 Windows
模擬器來打字。
一直一直想有個能在 macOS
上運行的跟打器。
最初是想自己用 swift
開發一個原生的 app
,搭了個框架,準備寫的時候發現好多東西不太熟。後來突然的一個週末,突然又想用本行開發一個試試,於是就有了這個。
從最初的打字功能,越寫越多:
能打字
》 能統計按鍵
》 能對照顯示已打的字的對錯
》 能顯示實時的碼長、速度、擊鍵速度
》 能切換常用文章
》 選擇發文字數
》 能亂序當前段,亂序整篇文章
》
能記錄用戶發文配置
》 能記錄已打的記錄,刪除
》 添加暗黑模式
使用說明
推薦在 Chrome 谷歌瀏覽器中使用
目前不支持不在編輯區輸入編碼的輸入法
開發說明
出於個人挑戰的目的,想使該項目的文件大小越小越好。
- 使用原生
js
實現,未使用任何第三方js
框架。 css
使用scss
編寫。- 歷史記錄使用
indexedDB
存儲 - 配置使用
localStorage
存儲