在 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 重写了，并添加了 生词本、错词本、简单词 、 文章练习 等功能

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

关于移动端，目前没有兼容，没有使用响应式 UI ，UI 是自己画的😂。

如果有人使用的话，会考虑为移动端专业做一套 UI

[bug403]

nice ！

[shzbkzo]

两个项目都看了下，你这个 UI 还挺不错的，比 qwerty-learner 更细腻，界面上没那么多花里胡哨的东西，看起来比 qwerty-learner 简洁不少，还挺舒服的，已 star

[shzbkzo]

仔细看了下 qwerty-learner ，这项目竟然有 13k 的 star ？？？？也没啥功能啊，做为背单词软件连收藏都没有。。。还这么多 star ，挺费解的

[Martens]

强！希望加上快捷键功能

[ttentau1]

@shzbkzo #3 我也挺费解的

[linshuizhaoying]

本来看到标题觉得应该很一般，点开发现还不错，细节都挺到位。虽然对背单词没什么帮助。
但是这个作为求职作品可以的。
然后现在前端水深火热，不好说 多投投看吧

[deno2h]

bug 有点多，修复一下吧

[ttentau1]

@Martens #4 大哥有的啊，常用操作都有快捷建，还可以在设置里面自定义快捷键

[OwenY]

楼主真是工厂流水线打螺丝的吗

[AoEiuV020JP]

背单词网站看多了，有没有带 ai 的，

[ttentau1]

@OwenY #9 不是打螺丝，大部分时候的工作都是给 iPad 点胶水

[lambdaq]

古法背单词。

[registerrr]

页面挺整洁的，蛮好

[lingyired]

可以点击的地方，加上 cursor: pointer 吧

[santom]

UI 很棒，看着很舒服

[ttentau1]

@lingyired #14 谢谢建议，已加

[magicZ]

出去找工作吧，加油

[ttentau1]

@linshuizhaoying #6 欸，投了，全是已读不回，没学历不好找

[wweerrgtc]

感觉更像练习打字的, 很厉害

[gaodianshutao]

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

[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 快捷键。

[8E9aYW8oj31rnbOK]

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

[YaD2x]

很棒，昨天我也看到了。

[ttentau1]

@ZzoxAA #35


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

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

[ttentau1]

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

https://dict.youdao.com/dictvoice

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

[monkeyWie]

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

[wanxiankai]

试用了一下感觉挺不错的，已 star

[jiannei]

上周在我帖子下回复时就看到啦，这么厉害的项目，之前还没分享出来吗 🤔

[BigBai]

好兄弟,要不要来我们公司试试,成都的

[hackpro]

Abandon Abandon Abandon😄😄😄

[tukela]

很好，提两个小建议。
1. 文章建议把新概念第一册也加上。
2. 翻页是个频率很高的按键，建议用常用键组合键，或者直接用回车是不是更好一点？对老手没问题，对待不懂电脑的就会制造障碍。

[skykale]

@awesomes hhh 是的，qwe 的 ui 更现代化更舒服，不过楼主也很棒啦

[wmm1996528]

太厉害了 已 star

[Quarter]

好像没有适配移动端

[ttentau1]

@monkeyWie #40 手机端直接使用专门的背单词 app 了吧

[ttentau1]

@tukela #45 谢谢，单词词典是现成的，所以比较全。文章词典是我手动一篇文章一篇文章添加的，所以没那么全，后续我会慢慢完善

[ttentau1]

@Quarter #48 手机端就直接使用专门的背单词 app 吧

[wangxin3]

我是废物

[ttentau1]

@BigBai #43 好的呀，您微信多少我加您

[ttentau1]

@tukela #45 谢谢建议，翻页是指下一个单词吗？ 目前默认的快捷键为：回车是回收，Tab 是下一个。当然也可以自定义

[ttentau1]

@jiannei #42 没有呢，现在完成度比较高了才敢分享出来🤣

[duanxianze]

很强啊 自学的话很不错了

[BigBai]

@ttentau1 [email protected] 这是您邮箱吗

[ttentau1]

@BigBai #57 是的是的

[potatowish]

你们写的网站都不兼容移动端吗，建议上 ui 库，响应式布局

[BigBai]

@ttentau1 朋友,给您发邮件了

[gezimonkey]

巧了,我是失业期间看了 qwerty-learner 项目,想把它改成 vue 的,结果做了一半就找到工作了

[wMIFjcx06951JD4w]

挺不错的

[ttentau1]

@BigBai #60 加您了。同意下

[MXMIS]

手机端适配不是很好，支持批量导入吗？

[vevlins]

不错，别在厂里打螺丝了，抓紧加几个词典进去我要用😠

[yzbythesea]

非常有趣的产品

[imokkkk]

挺好的 加油 果然 兴趣是最好的老师

[735990306]

界面不错，已 Star

[qiaobeier]

蛮不错的，建议加入键盘快捷键功能。

[kangkang]

有天赋，比我强

[cx99]

挺好的

[ttentau1]

@MXMIS #64 未适配手机端 ，可以导入和导出 excel

[ttentau1]

@vevlins #65 你要哪些词典啊

[ttentau1]

@qiaobeier #69 有哒，默认有，还可以在设置里面自定义

[zhuziyi]

可以，找个工作是没啥问题的。

[silypie]

几点下班的？

[LiMengBo]

不错不错，加油

[ChinaHkEgg]

nice ，不错不错~！

[hugepizza]

写过一个类似的 不过 ui 和功能极其粗糙
https://www.typechinese.online/

OP 要真是在厂里打螺丝 那也是真的牛逼了😆

[bler]

@ttentau1 楼主啥时候添加一个句子翻译功能，左侧内容，侧边栏译文，当鼠标移动到哪个句子的时候，侧边栏同步到相应位置，相当于是一个英汉文章对照的样板

[ttentau1]

@hugepizza #79 你这个项目....什么使用场景啊

[ttentau1]

@silypie #76 早 8 晚 5 ，加班就是晚上 8 点

[ttentau1]

@bler #80 现在译文放句子上面不方便吗

[hugepizza]

@ttentau1 没啥场景 也就是看到了 qwer 想练习下 react 然后女朋友是外国人 就做了个打拼音的哈哈

[leoSup]

感觉还是不错的，CY

[vevlins]

@ttentau1 现在不是只有四级，把六级、考研、雅思托福都上了吧。

[Hucci]

如果想继续往背单词方面研究，要考虑加入记忆曲线，例句等等，背单词需要的功能还是挺多的。另一方面 UX 感觉还是不咋顺手，词库切换我找了一会才找到。
OP 加油！自学到这个地步很牛了

[ttentau1]

@vevlins #86

有的

[ttentau1]

@Hucci #87 的确不太好找 我把切换词库弄明显点

[Yunsheng]

还让不让人活。你们只要稍微出手就感觉能秒我。。。

[vagasnail]

挺好用的啊，期待适配移动端

[ttentau1]

@Yunsheng #90 谬赞了

[ly529]

不错不错，加油

[lilei2023]

东西不错，找工作么，现在这环境，不太容易

[KING754]

这种加了新概念的文章，会不会涉及版权？

[tomatocici2333]

不吹不黑 东西挺好的，没有眼高手低很棒了

[Masoud2023]

我认识的培训班出来的能有你做这个一半水平我就知足了

[hokori]

提个建议,输入错误删除让用户自己删除,这样符合输入直觉

[dtgxx]

相当可以呀，反正我现在是做不出来。

[jackaluo]

nice ！