做了個網頁版的 五筆跟打器: 玫楓跟打器

做了個網頁版的 五筆跟打器: 玫楓跟打器

在這裏插入圖片描述

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 存儲
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章