realkai42 / qwerty-learner Goto Github PK

qwerty-learner 真的是一个很棒的产品，希望后面能支持 Node.js 的API。
在前端开发中，会常常用到这些

• HTML 、CSS、 javascript、react、 vue、Node.js 等
  如果有开放的词典贡献流程，可以号召更多的人去支持自己的词库，那就更棒了。

目前用户点击字典选择框后，焦点会持续在选择框上，导致快捷键 enter 开关失效

将速度显示的 ui 放置在其他位置，目前放在下方的方式影响用户阅读中文释义，过于显眼。目前的方式也影响多行中文翻译的布局

大家好，非常开心 Qwerty Learner 项目能够受到大家的喜爱

通过 contributors 的努力，我们在开源之初的基础上增加与完善了许多功能，目前项目的基础体验已经相对完善，可以很好的满足大部分用户对一款单词记忆软件的需求。

我们非常开心的宣布项目的第一个 iteration 圆满结束，我们会暂停一段时间功能性更新，仅对影响体验的 bug 进行修复。在这段时间内，我们会讨论项目未来功能的发展方向，我们非常希望大家能够通过 Issue 参与到讨论之中，给我们提供建议与想法。

开发任务

已经提上开发日程的工作

• 代码重构 @Kaiyiwing
• 新版本UI更新 #23 @sdu-gyf
• 动画反馈 #6 @Kaiyiwing
• 单词发音 #34 pr: #50 @whexy @sdu-gyf
• 默写模式下输入错误时会显示音标提示 #55 @sdu-gyf
• 词典与章节选择框的UI更新 #45 @chengluyu
• Dark Mode #46 pr:#64 @CLDXiang

能不能不按照 chapter 呢，有时候 chapter 感觉很麻烦，全局随机（逃

我们对输入错误字母的时候做了三种不同的处理

1. 清空已经输入的字母并从头输入 (https://qwerty-learner.vercel.app)
2. 当遇到错误时阻塞用户输入，直到用户按下正确的字母或者按下 Backspace 删除错误的输入(https://qwerty-blocking.vercel.app/)
3. 当遇到错误时不阻塞用户输入，用户仍可以继续输入后续字母但输入错误的字母会被标记(https://qwerty-non-blocking.vercel.app/)

我们希望得到大家的反馈，我们会根据大家的反馈决定最终输入处理策略，并考虑是否三种方式并存并为用户提供切换模式选项

这样就能在一个非常隐蔽的角落学习英语了

1. ipad+logitech蓝牙键盘可以用，这真的太妙了。
2. 下方的数据展示是必要的，但是感觉因为一直在计算，视觉上在跳动，比较影响注意力，可以考虑放到边角？——我认为这个特点是学英语，打字倒是次要的
3. 单词可否给出音标+语音（默认打开，可手动关闭）的设置，这样听力视觉二合一
4. 单词是通过输入变色的来判定输入的，可以考虑加入上一行下一行照抄的模式吗？抄对的字母绿色，不对的红色。
5. 单词可以否标明词性，如果有多个词性，从上到下排列.....
6. 单词的释义可否是中英文双语的，且可只显示某一种语言的释义，因为基本只有英语释义的才讲使用情景。
7. 想要练习文章，然后重点词汇和词组🈶️色彩高亮.....

偏好：英式/美式/不做偏好

如果用户设置了偏好，在词库中遇到拼写不同的词的时候，自动进行转换（并给予提示）

例如，color，analyze

考虑到目标用户很多为非程序员用户，页面显示从chap. 1开始对这这些用户会更加友好

https://github.com/skywind3000/ECDICT

MORE WORDs, MORE POWER

要是能分析什么键位容易按错就更好了🤣

默写只显示字母数量太硬核了, 是否可以加入一个"显示首字母"的选项? 感谢

是这样的，我的chrome安装了插件：Vimium

当我敲击键盘时，部分键入事件应该是被Vimium拦截了，这时候页面无法获取我的输入，禁用插件后可以正常使用！

建议优化方案：页面增加一个隐藏的input输入框，默认是聚集的，用户进入页面后，输入内容时，就会是普通的输入事件，插件应该不会去拦截。

add this feature at 7756924

Originally posted by @Kaiyiwing in #8 (comment)

单词默写模式 == 开关英语显示 Ctrl +V对吗？
体验了一下，问题在于，plentiful 和 abundant 意思差不多，中文和英文词汇不是一一对应的关系。
建议可以考虑默写的情况下，_ _ _ _ _ _ _ _ _ 来逐一显示（每个字母对的话，绿色，还有两个差不多意思的单词字母个数都一样的情况，比如作为名词的type和kind，中文释义的话意思是差不多的。）

一个后端看得津津有味，就是没有找到安装方法。yarn install 然并卵~~~~~

AFAIS, UI, readme, issues are only comprehensible for Chinese users. But the dictionary, especially TOEFL and IELTS, could feed any non-native speakers.

方便 Coder 背诵 API，形成对 API 的肌肉记忆💪

基于单词拼写的游戏模式，例如结合飞机大战，用户需要输入单词来攻击袭来的飞机✈️

方便收录错误的单词 和 用户的进度

目前敲字体验非常棒!
希望加入深色模式, 照顾暗黑风VS Code用户的视觉体验, 谢谢!

复现：

• CET-4进行到27章第10个单词
• 切换到js-object
• 页面空白，控制台报错TypeError: Cannot read property 'name' of undefined

能否多加入几种语言，比如中文，日文

鉴于同义词的问题，希望在默写模式下写错时加上音标提示，感谢。

带声调的字符我是用 compose key 输入的，但是网页上我按完 “e” 键就识别了，导致我无法打出这个单词。

例如：您的速度超过了 XX% 人

能不能做到在单词显示时候进行发音呢，现在只能显示音标好像不能发音

可以在背每个unit之前设一个重复次数……比如这个unit我要打3遍这样的……然后每一遍的顺序是不同的

BTW 求一个python 数据挖掘有关 api

下次打开时能从上次练习的地方开始

很喜欢这个项目，打击音非常解压，或许会成为我以后放松时的娱乐项目之一。基于“放松”这样的使用场景，希望可以让使用者自定义页面背景色，最好可以自己上传本地背景图片，让眼睛👀也适当得到放松，谢谢开发者~

想提个 pr，结果仓库已经更新了，刚同步到最新版，又更新了，太难了！
是否可以适当降低下提交频率，或者在 dev 分支上做？

问题如下

1. 在 windows 上开发会遇到 Delete `␍` prettier/prettier 这样的提示
   需要修改 packages.json 中的配置

      "prettier/prettier": ["error", {
        "endOfLine": "auto"
      }]

2. 横纵都有滚动条（在v2上反馈过）
   定位了下，是右上方 Star 按钮下的 "快捷键 Enter" 提示把元素顶出去了
   我倾向在 nav 上加 padding 来解决这个问题，个人觉得有点留边也更好看

// src/components/Header/index.tsx
<nav className="w-full container mx-auto px-10 py-6">
  // ...
<nav>

就是把 px-0 改为了 px-10

目前仅有“描红模式”，需提供选项支持 目标单词在上方，下方为输入框的模式

打字练习网站：https://www.typingclub.com/sportal/program-3/147.play

支持用户输入自己的词典，背诵自己特定的单词列表

非常喜欢这个项目，可以在打这个单词之前播放一次这个单词发音吗，只看音标会有点难度

目前用户在选择下一章节时需要离开键盘使用鼠标，未来应该将弹出的提示框的按钮也设计成 输入单词的模式，用户输入 next chapter，则跳转到下一章节。
减少用户使用鼠标操作的需求

补充在 readme.md 最下面或者另外开一个 development.md （

添加程序员写代码时常用的单词和命令词库

完成单章节词库的所有单词后, 例如js-global, 页面白屏, 试了两次均是如此

通过回溯多年以来的个人学习经历，在学习外国语言时，能让学习者理解其英文释义，将更有助于记住这个单词的用法以及与其他近义词的不同。