Coder Social home page Coder Social logo

kylebing / typepad Goto Github PK

View Code? Open in Web Editor NEW
201.0 4.0 42.0 2.15 MB

玫枫跟打器:五笔跟打器(网页版)

Home Page: http://kylebing.cn/tools/typepad/

License: GNU General Public License v3.0

HTML 8.48% JavaScript 71.52% SCSS 9.61% CSS 10.38%
ggtt wubi typing type tool mac macos

typepad's Introduction

玫枫跟打器

Roseo Maple Type Pad

界面

Screen Shot 2022-09-26 at 22 33 44

下载

1. 线上地址

http://kylebing.cn/tools/typepad/

2. 本地运行

直接下载 源文件,双击或用浏览器打开 index.html 即可本地运行

如果你想用来练习英文单词,请下载拥有完整CET4/6托福等单词的版本: v2.58

一、由来

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

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

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

二、使用说明

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

三、开发说明

最初出于个人挑战的目的,想使该项目的体积越小越好,于是选用了 require.js 作为分割模块的框架:

并不是 require.js 优于其它框架,只是此工具生于这个,就没有再变化。 还是比较原始的操作方式,想变哪就改哪的 dom,要改成 Vue 的话估计得耗时不少。

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

该工具参考了添雨跟打器的一些功能,之前一直在 QQ 群里用添雨跟打器练习五笔打字。

添雨跟打器 旧版

四、其它

1.线上成绩保存

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

2.可能会支持云端记录跟打成绩

但应该也只限自己查看,统计等,日后吧~

五、历史

2020.05.17 ~ 2022.11.11

各历史版本截图记录 >>

六、支持

感谢 JetBrains 提供的工具支持

JetBrains

typepad's People

Contributors

kylebing avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

typepad's Issues

能自定义发文吗?

首先,谢谢作者为macOS上的五笔方案开发了诸多实用工具,一直苦于mac平台上没有好用的跟打器,偶尔发现了这个,很是惊喜。麻雀虽小,五脏俱全,自己看重的几个功能和MS主流跟打器相比也不逊色,而且更轻便直观。

不过我这里有个小问题:如果想自己发文跟打,除了在代码里更换外有没有好办法,今后的版本更新会不会增加自定义发文的功能?

再次感恩作者的付出!

编码上屏后不提示红色

整体还是不错的,界面清爽,喜欢这种风格的,但有点问题,就是打字时有时不小心让编码上屏了,不会提示红色,由于我是盲打,基本是不看下面的输入区的,编码上屏了也不会注意到,然后就是再继续打字后面的所有字都提示错误的。建议改为如果编码上屏了,比如上了两个编码,那就提示两个汉字红色,可以继续打后面的字。不知我说清楚没有,可以参考一下极速云跟打。
另外如果有时间精力的话,也支持一下火狐吧,目前火狐下不能选文章。谢谢

添加自定义文章管理功能

自定义文章只有一个上传位
导致在使用过程中、只能把要打的文章全部上传到一起、不太方便
希望您能考虑对自定义功能进行迭代、增加上传位(哪怕只有五个)

[email protected]

能否根据已经上屏的字来判断是否匹配

简洁好看,赞一个。这个好像不限制输入法吧,我试了用五笔和用小鹤音形效果是一样的。我准备拿它来练习小鹤音形。

不过有个问题,如下图,还没上屏的时候就总是出现红色的,看起来很烦。
image

Firefox 无法切换文章

OS: Debian GNU/Linux bookworm/sid x86_64
Kernel: 5.17.0-1-amd64
Firefox:91.8.0esr (64 位)

无法切换文章,点击时可以看到列表一闪而过。

Use compositionstart and compositionend to detect IME preedit

At the moment, it appears that the detection of IME preedit is based on word boundaries. This does not work if characters such as ; are used as part of the input method (for example, some shuangpin schemes). It would be better to detect whether the IME is active by using the compositionstart and compositionend events so that error detection does not fire between these two events.

tool-bar

清晰,简洁,美观,非常好用,赞一个先。
发现一个小问题,输入文字后,tool-bar会产生大概一个像素的偏移。
比如 “0/15” 变为 “1/15”的时候 ,会分散码字注意力。
不知道后续会不会有小程序QAQ

只有少量字错误能否视为完成

现在的逻辑应该是全部字都打对,才算完成有记录。有时一篇长文中间错了一两个字,打完了却没法留下统计数据,能否设置为正确率>99%就视为完成?

請問可以增加繁體的功能嗎?

你好,非常喜歡你的設計的工具,使用起來非常流輰且畫面簡潔,但在繁體打字使用上不是很方便尤其的常用字與文章的部分。請問可以做切換成繁體的功能嗎?
謝謝!
我是小白,不太會熟gitgub的環境,請見諒。

击键、码长统计数据可能有误

image

image

两幅图中为本人所打的同一文段,且打字速度数据相近(127 字/分)。

添雨跟打器中测得的码长为 3.91,击键为 8.28;但在玫枫跟打器中测得的码长达到了 6.91,击键居然为惊人的 14.70,而本人在试验多种跟打器后也测出本人的击键不可能超过 10,即便有回退码长也不会达到 6.91,因此我认为玫枫跟打器的击键及码长的计算统计结果有误。

玫枫跟打器是很优秀的跟打器,谢谢你的付出!如果能修复我在上面提出的问题,相信此跟打器会变得更好!

希望能增加中文词组乱序练习功能

目前很多输入法存在简码打词组的特点,玫枫跟打器的文本练习类型有: 单字、文章、英文、单词和自定义,但自定义部分只能打单字或文章,希望可以增加自定义的中文词组练习模式,并可支持乱序练习。通过粘贴由空格或换行符隔开的词组文本,可以实现类似当前的单词练习功能。

希望添加一个错字收录的功能方便针对性练习

烦请添加一个错字收录的功能。
PS: 击键错误时可能打出来的是词组,很多软件会将后面几个字也当作错字收录进去。连续错误只收录第一个字好还是按错误次数进行排序好?大佬看一下怎么整合适。

感谢

linux下非常好用,流畅度很高

击键达标自动换组,不达标自动打乱

目前是手动查看击键,如达标则 Ctrl-J,不达标就 Ctrl-K。希望可以增加自动打乱/换组的功能,进一步提高单字练习效率。

其他跟打器一般有类似这样的功能:
image

码长有略微的偏差

当跟打字数为 10 时,假设按了 36 个按键,那么码长就为「36 / 10 = 3.60」,只要按键数量不超过 100,小数点后第二位,一定恒为 0。

但实际上发文字数为 10 时,最后统计的码长在小数点第二位总是有数字,说明在计算的时候可能出了偏差,例如一个字没有算到总数,只以九个字进行计速,是这样吗?

缺少js文件

执行时会报错:typepad.js?v=2.66b2:76 Uncaught (in promise) TypeError: Failed to register a ServiceWorker: The URL protocol of the current origin ('null') is not supported.
在typepad.js中

if ('serviceWorker' in navigator){
         navigator.serviceWorker
            .register('/tools/typepad/typepad-sw.js?v=2.66b2')
            .then(()=>{
               console.log('Server Worker has registered');
            })
      }

缺少文件 /tools/typepad/typepad-sw.js

macOS 13.6.1 Chrome 打不开网站

Chrome升级到最新后:

image

平台为MBP14 M1Pro:

image

在Chrome中无法打开:

image

但在Safari中,即使报不安全,仍能打开:

image

是我这边有什么问题,还是谷歌又搞了什么妖蛾子?

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.