• Stars
    star
    217
  • Rank 182,446 (Top 4 %)
  • Language
    JavaScript
  • License
    GNU General Publi...
  • Created over 4 years ago
  • Updated 7 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

玫枫跟打器

Roseo Maple Type Pad

界面

Screen Shot 2022-09-26 at 22 33 44

下载

1. 线上地址

https://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

More Repositories

1

rime-wubi86-jidian

86五笔极点码表 for 鼠须管(macOS)、小狼毫(Windows)、中州韵(Ubuntu) 、仓(iOS)、同文(Android)五笔输入方案,五笔输入法,Rime 方案。Chinese wubi input method schema
Lua
1,088
star
2

english-vocabulary

英文单词,英语单词,英语四六级、考研、SAT单词,txt 文件, json 文件,CET4 CET6,乱序,单词
467
star
3

diary

《标题日记》web 纯文本日记应用,PC+移动端。 Headline Diary, web app, text only, summary of the day vue3,ts,PC,Mobile
Vue
256
star
4

wubi-dict-editor

五笔码表助手 for Rime ( Windows、macOS、Ubuntu ) 基于 electron 开发
JavaScript
210
star
5

map

路书,路线规划,高德地图 api 示例,地图信息 vue3 ts vite
Vue
78
star
6

sslist

优化访问速度的小型 gfw (Great Fire Wall) 规则列表 gfwlist
68
star
7

iphone

iPhone 所有机型参数大全
JavaScript
61
star
8

ipad

iPad 所有机型参数大全
JavaScript
45
star
9

animate-heart-canvas

animated heart canvas
JavaScript
33
star
10

demo-map-loca

高德地图 Loca 和 路线规划 vue 演示项目
Vue
31
star
11

diary-portal

《标题日记》 - 后台 nodejs
JavaScript
31
star
12

TouchbarBBT

美化 Macbook Pro Touch Bar
28
star
13

animate-clock-canvas

Analog clock, js, canvas 模拟时钟页面
JavaScript
26
star
14

apple-chip

苹果处理器 参数大全
JavaScript
21
star
15

wubi-jidan-dict

极点五笔码表集合
18
star
16

WubiBuddy

《码表助手》鼠须管五笔用户词添加工具 (macOS)
Swift
17
star
17

apple-watch

Apple 所有 Apple Watch 参数大全
JavaScript
17
star
18

blackberry-keyboard

BlackBerry Keyboard Layout,9900、Q10、Q20
Vue
14
star
19

animate-canvas-bg

a animated canvas bg, with lot of blocks
JavaScript
11
star
20

portal

《标题日记》 - 后台 nodejs 版,包含所有个人项目的后台
JavaScript
8
star
21

canvas-my-hole-life

人生日历,我的整个人生
JavaScript
5
star
22

animate-canvas-lost

发呆界面 LOST
JavaScript
5
star
23

v2ex-css-kylebing

v2ex 野鸡主题
HTML
4
star
24

bandwagon-panel

方便展示 Bandwagon Host (搬瓦工) 主机信息的工具
PHP
4
star
25

onion-theme-wireframe

A theme for MiyooMiniPlus's Onion OS
4
star
26

wubi-dict-editor-web

五笔码表助手 web 版,五笔工具
JavaScript
4
star
27

canvas-mine

JavaScript
3
star
28

rtsp-player-chrome

play rtsp stream in chrome browser
HTML
3
star
29

voila

装逼页面,科幻 science,黑客 hacker,高级 top,电影 film,未来 future
Vue
3
star
30

iosDemo

Test all of iOS components, UIView, UITableView, UIPickerView, UIScrollView, UserNotification etc.
Swift
2
star
31

airpods

AirPods 参数大全
JavaScript
2
star
32

show-keyname

show keyboard key name
SCSS
2
star
33

electron-demo

electron-demo
JavaScript
1
star
34

onion-theme-cosy

A theme for MiyooMiniPlus's Onion OS
1
star
35

string-manipulation

String manipulation tool for HBuilder IDE
JavaScript
1
star
36

waterfall

jQuery WatherFall effect
JavaScript
1
star
37

calculator-skin

a simple calculator with history
Vue
1
star
38

tamper-monkey-js

一些自己用的 js 工具(for 插件 Tamper Monkey JS )
JavaScript
1
star
39

province-json-for-element

省市区地区数据源:for Element's Cascader 级联选择器
1
star
40

chinese-name-creator

一个起名的工具,自动生成名字
SCSS
1
star
41

clock

网页全屏时钟,数字时钟,digital clock
JavaScript
1
star
42

v2ex-image

1
star