Comments (6)
逻辑:
- 提交句子时出现错误则错误单词标红下划线,如果有多个单词错误,默认聚焦在第一个错误单词
- 通过
tab
键切换单词 (甚至可以考虑支持方向键切换不同单词 - 在单词中如果按删除键则删除整个单词
- 如果提交时有单词为空,则不进行提交,此时聚焦在为空的单词,直接输入就可以输入在当前单词,如果有多个为空,则聚焦在第一个为空的单词
样式:
- 最好区分
聚焦
和错误标红
的样式,比如错误是内部文本变成红色,聚焦则是紫色下划线
from earthworm.
related to #82
from earthworm.
related to #63
from earthworm.
我做了一个简单的实现,只删除错误的部分,保留正确的部分,并以红色的下划线呈现,没有保留错误单词,原因是我感觉定位到错误之后就已经足够了,保留则还需要去删除整个单词并不是太舒服。当然,这只是我个人看法和体验下来的感觉。
from earthworm.
我做了一个简单的实现,只删除错误的部分,保留正确的部分,并以红色的下划线呈现,没有保留错误单词,原因是我感觉定位到错误之后就已经足够了,保留则还需要去删除整个单词并不是太舒服。当然,这只是我个人看法和体验下来的感觉。
保留错误单词可以让用户检查自己到底是因为什么错的 分析这个原因还蛮重要的
这样因为知道错在了哪里 所以在下一次输入时 就会更加小心
from earthworm.
done
from earthworm.
Related Issues (20)
- [功能] - 输入区域可以改为一条线 HOT 4
- [功能] 自定义分词器,支持输入无效字符后自动过滤
- [功能] - 在课程页面可以使用WASD/上下左右键来切换课程,使用enter/space选择课程 HOT 1
- [BUG] - 首页【开启EarthWorm】按钮样式错乱 HOT 3
- [BUG] -第 29 课的第 26 题 `you can` 发音不对 HOT 1
- [BUG] - 使用邮箱注册的用户没有用户名和昵称 HOT 5
- 12课 185 翻译不是很通顺 HOT 1
- [优化] - 取消 shamefully-hoist=true 设置 HOT 1
- [优化] - 设置 Draft PR 不执行 CI HOT 1
- [功能] - 在账户设置页增加修改昵称的功能 HOT 3
- [功能] - 答题页面自动播放声音 HOT 1
- [功能] - 邮箱用户提示修改 username HOT 2
- [功能] - 音乐模式
- [功能] - 答案页面点击单个单词发音
- [BUG] - 完成第四课后,给第一课增加了一次完课记录 HOT 2
- [BUG] - 首页底部 icon 不显示 HOT 2
- 【待分类】具体情景见录屏 HOT 2
- [BUG] - 第50课的第13个句子存在错误 HOT 2
- [BUG] -听写模式语音延迟 HOT 2
- [BUG] - 第一课133 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from earthworm.