玫楓跟打器

Roseo Maple Type Pad

線上地址

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

截圖

前言

自己是個五筆愛好者，也一直在使用五筆，從 Windows 轉到 Mac 之後，也沒有有可用的跟打器，每回想練練打字了都需要打開 Windows 模擬器來打字。
一直一直想有個能在 macOS 上運行的跟打器。
最初是想自己用 swift 開發一個原生的 app，搭了個框架，準備寫的時候發現好多東西不太熟。後來突然的一個週末，突然又想用本行開發一個試試，於是就有了這個。
從最初的打字功能，越寫越多：
自定義發文內容《無網絡的時候也能使用《重複時亂序當前段《實現重複發文《實現自動發文功能《v2.0 拆分 js 文件到模塊，採用 require.js AMD 形式加載 《漢字時打字時不顯示輸入的編碼《添加 CET 英文單詞輸入，並顯示釋義《記錄添加文章種類《添加文章《長文本時自動滾動《添加暗黑模式 《能記錄已打的記錄，刪除《能記錄用户發文配置《能亂序當前段，亂序整篇文章《選擇發文字數《能切換常用文章《能顯示實時的碼長、速度、擊鍵速度
《能對照顯示已打的字的對錯《能統計按鍵《能打字

使用説明

推薦在 Chrome 谷歌瀏覽器中使用
目前不支持不在編輯區輸入編碼的輸入法

開發説明

出於個人挑戰的目的，想使該項目的文件大小越小越好。

• 使用 require.js AMD 形式加載模塊文件
• css 使用 scss 編寫。
• 歷史記錄使用 indexedDB 存儲
• 配置使用 localStorage 存儲
• 使用 service-worker 處理離線請求