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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 388 天前的主题，其中的信息可能已经有所发展或是发生改变。

今年厂里生意不好，好多条流水线都关了，几片没什么班可加，下班后比较闲就看 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 重写了，并添加了 生词本、错词本、简单词 、 文章练习 等功能

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

第 1 条附言 · 2023-12-06 14:17:53 +08:00

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

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

生词本

错词本

大佬

Vue

127 条回复

1 2

❮

❯

bug403

2023-12-06 10:15:28 +08:00

nice ！

shzbkzo

2023-12-06 10:25:58 +08:00

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

shzbkzo

2023-12-06 10:35:12 +08:00

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

Martens

2023-12-06 10:40:10 +08:00

强！希望加上快捷键功能

ttentau1

2023-12-06 10:40:23 +08:00

@shzbkzo #3

我也挺费解的

linshuizhaoying

2023-12-06 10:44:38 +08:00

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

deno2h

2023-12-06 10:45:06 +08:00

bug 有点多，修复一下吧

ttentau1

2023-12-06 10:45:54 +08:00

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

OwenY

2023-12-06 10:51:12 +08:00

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

AoEiuV020JP

2023-12-06 10:52:53 +08:00

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

ttentau1

2023-12-06 10:57:15 +08:00

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

lambdaq

2023-12-06 10:58:22 +08:00

古法背单词。

registerrr

2023-12-06 10:58:38 +08:00

页面挺整洁的，蛮好

lingyired

2023-12-06 11:02:51 +08:00

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

santom

2023-12-06 11:03:38 +08:00

UI 很棒，看着很舒服

ttentau1

2023-12-06 11:07:28 +08:00

@lingyired #14 谢谢建议，已加

magicZ

2023-12-06 11:08:11 +08:00

出去找工作吧，加油

ttentau1

2023-12-06 11:16:07 +08:00

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

wweerrgtc

2023-12-06 11:19:31 +08:00

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

gaodianshutao

2023-12-06 11:20:07 +08:00

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

gaodianshutao

2023-12-06 11:20:25 +08:00

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

syln00

2023-12-06 11:20:28 +08:00

可以的，这是学了多久

awesomes

2023-12-06 11:21:48 +08:00

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

shuxhan

2023-12-06 11:24:15 +08:00

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

gcgj72

2023-12-06 11:24:45 +08:00

现在这行情不好说

fakewine

2023-12-06 11:25:49 +08:00

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

HariopaNic

2023-12-06 11:27:28 +08:00

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

ttentau1

2023-12-06 11:28:13 +08:00

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

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

gzxworknb

2023-12-06 11:30:46 +08:00

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

lanhan

2023-12-06 11:31:12 +08:00

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

gzc666

2023-12-06 11:33:46 +08:00

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

ttentau1

2023-12-06 11:35:03 +08:00

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

ttentau1

2023-12-06 11:39:24 +08:00

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

2023-12-06 11:48:47 +08:00

不错啊，UI 挺好看的。

ZzoxAA

2023-12-06 11:48:55 +08:00

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

8E9aYW8oj31rnbOK

2023-12-06 11:50:37 +08:00

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

YaD2x

2023-12-06 11:53:26 +08:00

很棒，昨天我也看到了。

ttentau1

2023-12-06 11:54:18 +08:00

@ZzoxAA #35

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

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

ttentau1

2023-12-06 11:59:00 +08:00

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

https://dict.youdao.com/dictvoice

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

monkeyWie

2023-12-06 12:00:14 +08:00

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

wanxiankai

2023-12-06 12:55:13 +08:00

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

jiannei

2023-12-06 13:12:36 +08:00

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

BigBai

2023-12-06 13:18:31 +08:00

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

hackpro

2023-12-06 13:26:53 +08:00 via iPhone

Abandon Abandon Abandon😄😄😄

tukela

2023-12-06 13:27:36 +08:00

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

skykale

2023-12-06 13:37:18 +08:00

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

wmm1996528

2023-12-06 13:41:04 +08:00

太厉害了已 star

Quarter

2023-12-06 13:47:37 +08:00 via Android

好像没有适配移动端

ttentau1

2023-12-06 13:50:33 +08:00

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

ttentau1

2023-12-06 13:52:45 +08:00

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

ttentau1

2023-12-06 13:53:22 +08:00

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

wangxin3

2023-12-06 13:53:57 +08:00

我是废物

ttentau1

2023-12-06 13:54:06 +08:00

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

ttentau1

2023-12-06 13:55:37 +08:00

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

ttentau1

2023-12-06 13:58:03 +08:00

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

duanxianze

2023-12-06 14:00:48 +08:00

很强啊自学的话很不错了

BigBai

2023-12-06 14:03:31 +08:00

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

ttentau1

2023-12-06 14:04:57 +08:00

@BigBai #57 是的是的

potatowish

2023-12-06 14:07:09 +08:00 via iPhone

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

BigBai

2023-12-06 14:08:59 +08:00

@ttentau1 朋友,给您发邮件了

gezimonkey

2023-12-06 14:15:54 +08:00

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

wMIFjcx06951JD4w

2023-12-06 14:18:39 +08:00

挺不错的

ttentau1

2023-12-06 14:19:03 +08:00

@BigBai #60 加您了。同意下

MXMIS

2023-12-06 14:19:32 +08:00

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

vevlins

2023-12-06 14:21:40 +08:00

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

yzbythesea

2023-12-06 14:23:16 +08:00

非常有趣的产品

imokkkk

2023-12-06 14:30:23 +08:00

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

735990306

2023-12-06 14:39:19 +08:00

界面不错，已 Star

qiaobeier

2023-12-06 14:48:04 +08:00

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

kangkang

2023-12-06 14:53:22 +08:00

有天赋，比我强

cx99

2023-12-06 15:00:28 +08:00

挺好的

ttentau1

2023-12-06 15:07:31 +08:00

@MXMIS #64 未适配手机端

，可以导入和导出 excel

ttentau1

2023-12-06 15:07:53 +08:00

@vevlins #65 你要哪些词典啊

ttentau1

2023-12-06 15:25:44 +08:00

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

zhuziyi

2023-12-06 15:38:19 +08:00

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

silypie

2023-12-06 15:41:25 +08:00

几点下班的？

LiMengBo

2023-12-06 15:43:06 +08:00

不错不错，加油

ChinaHkEgg

2023-12-06 15:48:24 +08:00

nice ，不错不错~！

hugepizza

2023-12-06 16:15:47 +08:00

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

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

bler

2023-12-06 16:19:05 +08:00

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

ttentau1

2023-12-06 16:21:38 +08:00

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

ttentau1

2023-12-06 16:24:35 +08:00

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

ttentau1

2023-12-06 16:26:06 +08:00

@bler #80

现在译文放句子上面不方便吗

hugepizza

2023-12-06 16:29:09 +08:00 via iPhone

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

leoSup

2023-12-06 16:36:27 +08:00

感觉还是不错的，CY

vevlins

2023-12-06 16:41:30 +08:00

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

Hucci

2023-12-06 16:43:46 +08:00

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

ttentau1

2023-12-06 16:46:46 +08:00

@vevlins #86

有的

ttentau1

2023-12-06 16:48:15 +08:00

@Hucci #87 的确不太好找

我把切换词库弄明显点

Yunsheng

2023-12-06 16:49:29 +08:00

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

vagasnail

2023-12-06 16:51:43 +08:00

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

ttentau1

2023-12-06 16:56:43 +08:00

@Yunsheng #90 谬赞了

ly529

2023-12-06 17:30:14 +08:00

不错不错，加油

lilei2023

2023-12-06 17:31:37 +08:00

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

KING754

2023-12-06 17:47:53 +08:00

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

tomatocici2333

2023-12-06 17:48:05 +08:00

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

Masoud2023

2023-12-06 17:50:34 +08:00

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

hokori

2023-12-06 18:01:08 +08:00

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

dtgxx

2023-12-06 18:09:12 +08:00

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

100

jackaluo

2023-12-06 18:18:58 +08:00

nice ！

1 2

❮

❯