在 B 站看黑马程序员视频学的前端，做了一个背单词的网站，大佬们看下是什么水平？

[ttentau1]

今年厂里生意不好，好多条流水线都关了，几片没什么班可加，下班后比较闲就看 B 站的前端视频自学

地址： https://typing-word.ttentau.top/

文章练习： https://typing-word.ttentau.top/#/practice?mode=article

github 地址： https://github.com/zyronon/typing-word

项目灵感来源于 qwerty-learner 项目。苦于自已英语不好，想找个背单词的软件，但大多数时间都在电脑上。后面看到了 qwerty-learner 这个项目 很喜欢作者的这个项目，但是它没有背单词所必备的 生词本、错词本、简单词 的功能，可能是作者反复强调和提醒这个项目是“为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件”而不是一个“背单词”的软件吧，尽管绝大多数用户都是用它来背单词😂😂😂。

本项目参考其思路使用 Vue 重写了，并添加了 生词本、错词本、简单词 、 文章练习 等功能

大佬们看下什么水平？这个水平能找到一份前端工作吗？

[gaodianshutao]

UI 很舒服，已 star 。楼主加油，这技术找个初级前端没问题的

[syln00]

可以的，这是学了多久

[awesomes]

前面的硬捧是吧，别的交互体验不说，UI 上 qwerty-learner 比这个项目不知道好到哪儿去了吧

[shuxhan]

挺细腻的，但是我很好奇左侧一大片空白是准备放什么内容么 😱

[gcgj72]

现在这行情 不好说

[fakewine]

提个小建议，词典智能分配的弹框文字内容与背景之间的对比度过小，难以辨认

[HariopaNic]

页面挺舒服的，右边的列表项可以点击，可以改下鼠标的状态

[ttentau1]

@shuxhan #24 左侧那个列表面板是可以关闭的，关闭后就只有中间一个敲单词的了

低分辨率下布局会整体往左移，你可以放大页面试试

[gzxworknb]

很不错的网站啊, 已 star, fork 了一个学习一下

[lanhan]

自学并能独立做出来，一般的前端工作肯定是可以胜任的。不过实话说现在的就业环境差，学历不好简历很难过。骑驴找马优先小公司投投看吧。OP 很棒，加油

[gzc666]

挺好的就是好像和浏览器内置快捷键有冲突，我用这个 https://chromewebstore.google.com/detail/global-speed/jpbjcnkcffbooppibceonlgknpkniiff?hl=en ，设置单点 c 和 v 调整播放速度

[ttentau1]

@fakewine #26 @HariopaNic #27 谢谢指出，已修改！

[ttentau1]

@gzc666 #31 肯定会和浏览器插件冲突，建议在浏览器插件里面把这个网站忽略掉。当按下单个键时，会被页面识别为输入字母，会被阻止事件传播，所以快捷键建议设置为组合键。另外目前有调整播放速度的功能，但还没有对应的快捷键，我后续加上

[sb]

不错啊，UI 挺好看的。

[ZzoxAA]

文章功能有些 bug ，没有大小写判定，大写的首字母输入小写字母再删除后会出 bug 。另外单词可以加一个重新输入整个单词的 reset 快捷键。

[Leonkennedy2]

读音和音标的数据怎么获取的

[YaD2x]

很棒，昨天我也看到了。

[ttentau1]

@ZzoxAA #35


大小写判定默认为关闭状态

删除那个的确是 bug ，马上修复

[ttentau1]

@Leonkennedy2 #36 读音是调用的有道词典的接口

https://dict.youdao.com/dictvoice

音标是存放在专门的内置词典里面

[monkeyWie]

挺不错的，就是需要适配下手机端