Giter VIP home page Giter VIP logo

typepad's Introduction

玫枫跟打器

Roseo Maple Type Pad

线上地址

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

截图

Screen Shot 2020-12-09 at 12 10 30

Screen Shot 2020-12-09 at 12 10 26

前言

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

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

能打字能统计按键能对照显示已打的字的对错能显示实时的码长、速度、击键速度能切换常用文章选择发文字数能乱序当前段,乱序整篇文章能记录用户发文配置能记录已打的记录,删除添加暗黑模式长文本时自动滚动添加文章记录添加文章种类添加 CET 英文单词输入,并显示释义汉字时打字时不显示输入的编码v2.0 拆分 js 文件到模块,采用 require.js AMD 形式加载实现自动发文功能实现重复发文重复时乱序当前段无网络的时候也能使用自定义发文内容添加大单字模式,更好的专注于单字练习

使用说明

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

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

开发说明

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

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

其它问题

线上成绩保存 之所以没有加,是因为 web 页面的成绩肯定是无法控制的,可以作假,那么就不如自己掌握了,本身跟打器就的主要使命就是自己练习,成绩只是反应你练习好坏的,也不是给别人看的,只是用于自己参考。

typepad's People

Contributors

kylebing avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.