在 B 站看黑马程序员视频学的前端,做了一个背单词的网站,大佬们看下是什么水平? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
ttentau1
V2EX    分享创造

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

  •  2
     
  •   ttentau1 2023-12-06 10:12:39 +08:00 17895 次点击
    这是一个创建于 676 天前的主题,其中的信息可能已经有所发展或是发生改变。

    今年厂里生意不好,好多条流水线都关了,几片没什么班可加,下班后比较闲就看 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
    1  2  
    bug403
        1
    bug403  
       2023-12-06 10:15:28 +08:00
    nice !
    shzbkzo
        2
    shzbkzo  
       2023-12-06 10:25:58 +08:00
    两个项目都看了下,你这个 UI 还挺不错的,比 qwerty-learner 更细腻,界面上没那么多花里胡哨的东西,看起来比 qwerty-learner 简洁不少,还挺舒服的,已 star
    shzbkzo
        3
    shzbkzo  
       2023-12-06 10:35:12 +08:00
    仔细看了下 qwerty-learner ,这项目竟然有 13k 的 star ????也没啥功能啊,做为背单词软件连收藏都没有。。。还这么多 star ,挺费解的
    Martens
        4
    Martens  
       2023-12-06 10:40:10 +08:00
    强!希望加上快捷键功能
    ttentau1
        5
    ttentau1  
    OP
       2023-12-06 10:40:23 +08:00
    @shzbkzo #3 我也挺费解的
    linshuizhaoying
        6
    linshuizhaoying  
       2023-12-06 10:44:38 +08:00
    本来看到标题觉得应该很一般,点开发现还不错,细节都挺到位。虽然对背单词没什么帮助。
    但是这个作为求职作品可以的。
    然后现在前端水深火热,不好说 多投投看吧
    deno2h
        7
    deno2h  
       2023-12-06 10:45:06 +08:00
    bug 有点多,修复一下吧
    ttentau1
        8
    ttentau1  
    OP
       2023-12-06 10:45:54 +08:00
    @Martens #4 大哥有的啊,常用操作都有快捷建,还可以在设置里面自定义快捷键
    OwenY
        9
    OwenY  
       2023-12-06 10:51:12 +08:00
    楼主真是工厂流水线打螺丝的吗
    AoEiuV020JP
        10
    AoEiuV020JP  
       2023-12-06 10:52:53 +08:00
    背单词网站看多了,有没有带 ai 的,
    ttentau1
        11
    ttentau1  
    OP
       2023-12-06 10:57:15 +08:00
    @OwenY #9 不是打螺丝,大部分时候的工作都是给 iPad 点胶水
    lambdaq
        12
    lambdaq  
       2023-12-06 10:58:22 +08:00
    古法背单词。
    registerrr
        13
    registerrr  
       2023-12-06 10:58:38 +08:00
    页面挺整洁的,蛮好
    lingyired
        14
    lingyired  
       2023-12-06 11:02:51 +08:00
    可以点击的地方,加上 cursor: pointer 吧
    santom
        15
    santom  
       2023-12-06 11:03:38 +08:00
    UI 很棒,看着很舒服
    ttentau1
        16
    ttentau1  
    OP
       2023-12-06 11:07:28 +08:00
    @lingyired #14 谢谢建议,已加
    magicZ
        17
    magicZ  
       2023-12-06 11:08:11 +08:00
    出去找工作吧,加油
    ttentau1
        18
    ttentau1  
    OP
       2023-12-06 11:16:07 +08:00
    @linshuizhaoying #6 ,投了,全是已读不回,没学历不好找
    wweerrgtc
        19
    wweerrgtc  
       2023-12-06 11:19:31 +08:00
    感觉更像练习打字的, 很厉害
    gaodianshutao
        20
    gaodianshutao  
       2023-12-06 11:20:07 +08:00
    UI 很舒服,已 star 。楼主加没,这技术找个初级前端没问题的
    gaodianshutao
        21
    gaodianshutao  
       2023-12-06 11:20:25 +08:00
    UI 很舒服,已 star 。楼主加油,这技术找个初级前端没问题的
    syln00
        22
    syln00  
       2023-12-06 11:20:28 +08:00
    可以的,这是学了多久
    awesomes
        23
    awesomes  
       2023-12-06 11:21:48 +08:00   4
    前面的硬捧是吧,别的交互体验不说,UI 上 qwerty-learner 比这个项目不知道好到哪儿去了吧
    QUC062IzY3M1Y6dg
        24
    QUC062IzY3M1Y6dg  
       2023-12-06 11:24:15 +08:00
    挺细腻的,但是我很好奇左侧一大片空白是准备放什么内容么
    gcgj72
        25
    gcgj72  
       2023-12-06 11:24:45 +08:00
    现在这行情 不好说
    fakewine
        26
    fakewine  
       2023-12-06 11:25:49 +08:00
    提个小建议,词典智能分配的弹框文字内容与背景之间的对比度过小,难以辨认
    HariopaNic
        27
    HariopaNic  
       2023-12-06 11:27:28 +08:00
    页面挺舒服的,右边的列表项可以点击,可以改下鼠标的状态
    ttentau1
        28
    ttentau1  
    OP
       2023-12-06 11:28:13 +08:00
    @shuxhan #24 左侧那个列表面板是可以关闭的,关闭后就只有中间一个敲单词的了

    低分辨率下布局会整体往左移,你可以放大页面试试
    gzxworknb
        29
    gzxworknb  
       2023-12-06 11:30:46 +08:00
    很不错的网站啊, 已 star, fork 了一个学习一下
    lanhan
        30
    lanhan  
       2023-12-06 11:31:12 +08:00
    自学并能独立做出来,一般的前端工作肯定是可以胜任的。不过实话说现在的就业环境差,学历不好简历很难过。骑驴找马优先小公司投投看吧。OP 很棒,加油
    gzc666
        31
    gzc666  
       2023-12-06 11:33:46 +08:00
    挺好的就是好像和浏览器内置快捷键有冲突,我用这个 https://chromewebstore.google.com/detail/global-speed/jpbjcnkcffbooppibceonlgknpkniiff?hl=en ,设置单点 c 和 v 调整播放速度
    ttentau1
        32
    ttentau1  
    OP
       2023-12-06 11:35:03 +08:00
    @fakewine #26 @HariopaNic #27 谢谢指出,已修改!
    ttentau1
        33
    ttentau1  
    OP
       2023-12-06 11:39:24 +08:00
    @gzc666 #31 肯定会和浏览器插件冲突,建议在浏览器插件里面把这个网站忽略掉。当按下单个键时,会被页面识别为输入字母,会被阻止事件传播,所以快捷键建议设置为组合键。另外目前有调整播放速度的功能,但还没有对应的快捷键,我后续加上
    sb
        34
    sb  
       2023-12-06 11:48:47 +08:00
    不错啊,UI 挺好看的。
    ZzoxAA
        35
    ZzoxAA  
       2023-12-06 11:48:55 +08:00
    文章功能有些 bug ,没有大小写判定,大写的首字母输入小写字母再删除后会出 bug 。另外单词可以加一个重新输入整个单词的 reset 快捷键。
    8E9aYW8oj31rnbOK
        36
    8E9aYW8oj31rnbOK  
       2023-12-06 11:50:37 +08:00
    读音和音标的数据怎么获取的
    YaD2x
        37
    YaD2x  
       2023-12-06 11:53:26 +08:00
    很棒,昨天我也看到了。
    ttentau1
        38
    ttentau1  
    OP
       2023-12-06 11:54:18 +08:00
    @ZzoxAA #35


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

    删除那个的确是 bug ,马上修复
    ttentau1
        39
    ttentau1  
    OP
       2023-12-06 11:59:00 +08:00
    @Leonkennedy2 #36 读音是调用的有道词典的接口

    https://dict.youdao.com/dictvoice

    音标是存放在专门的内置词典里面
    monkeyWie
        40
    monkeyWie  
       2023-12-06 12:00:14 +08:00
    挺不错的,就是需要适配下手机端
    wanxiankai
        41
    wanxiankai  
       2023-12-06 12:55:13 +08:00
    试用了一下感觉挺不错的,已 star
    jiannei
        42
    jiannei  
       2023-12-06 13:12:36 +08:00
    上周在我帖子下回复时就看到啦,这么厉害的项目,之前还没分享出来吗
    BigBai
        43
    BigBai  
       2023-12-06 13:18:31 +08:00
    好兄弟,要不要来我们公司试试,成都的
    hackpro
        44
    hackpro  
       2023-12-06 13:26:53 +08:00 via iPhone
    Abandon Abandon Abandon
    8Crfz3QstmUE
        45
    8Crfz3QstmUE  
       2023-12-06 13:27:36 +08:00
    很好,提两个小建议。
    1. 文章建议把新概念第一册也加上。
    2. 翻页是个频率很高的按键,建议用常用键组合键,或者直接用回车是不是更好一点?对老手没问题,对待不懂电脑的就会制造障碍。
    skykale
        46
    skykale  
       2023-12-06 13:37:18 +08:00
    @awesomes hhh 是的,qwe 的 ui 更现代化更舒服,不过楼主也很棒啦
    wmm1996528
        47
    wmm1996528  
       2023-12-06 13:41:04 +08:00
    太厉害了 已 star
    Quarter
        48
    Quarter  
       2023-12-06 13:47:37 +08:00 via Android
    好像没有适配移动端
    ttentau1
        49
    ttentau1  
    OP
       2023-12-06 13:50:33 +08:00
    @monkeyWie #40 手机端直接使用专门的背单词 app 了吧
    ttentau1
        50
    ttentau1  
    OP
       2023-12-06 13:52:45 +08:00
    @tukela #45 谢谢,单词词典是现成的,所以比较全。文章词典是我手动一篇文章一篇文章添加的,所以没那么全,后续我会慢慢完善
    ttentau1
        51
    ttentau1  
    OP
       2023-12-06 13:53:22 +08:00
    @Quarter #48 手机端就直接使用专门的背单词 app 吧
    ponder09
        52
    ponder09  
       2023-12-06 13:53:57 +08:00
    我是废物
    ttentau1
        53
    ttentau1  
    OP
       2023-12-06 13:54:06 +08:00
    @BigBai #43 好的呀,您微信多少我加您
    ttentau1
        54
    ttentau1  
    OP
       2023-12-06 13:55:37 +08:00
    @tukela #45 谢谢建议,翻页是指下一个单词吗? 目前默认的快捷键为:回车是回收,Tab 是下一个。当然也可以自定义
    ttentau1
        55
    ttentau1  
    OP
       2023-12-06 13:58:03 +08:00
    @jiannei #42 没有呢,现在完成度比较高了才敢分享出来
    duanxianze
        56
    duanxianze  
       2023-12-06 14:00:48 +08:00
    很强啊 自学的话很不错了
    BigBai
        57
    BigBai  
       2023-12-06 14:03:31 +08:00
    @ttentau1 [email protected] 这是您邮箱吗
    ttentau1
        58
    ttentau1  
    OP
       2023-12-06 14:04:57 +08:00
    @BigBai #57 是的是的
    potatowish
        59
    potatowish  
       2023-12-06 14:07:09 +08:00 via iPhone
    你们写的网站都不兼容移动端吗,建议上 ui 库,响应式布局
    BigBai
        60
    BigBai  
       2023-12-06 14:08:59 +08:00
    @ttentau1 朋友,给您发邮件了
    gezimonkey
        61
    gezimonkey  
       2023-12-06 14:15:54 +08:00
    巧了,我是失业期间看了 qwerty-learner 项目,想把它改成 vue 的,结果做了一半就找到工作了
    wMIFjcx06951JD4w
        62
    wMIFjcx06951JD4w  
       2023-12-06 14:18:39 +08:00
    挺不错的
    ttentau1
        63
    ttentau1  
    OP
       2023-12-06 14:19:03 +08:00
    @BigBai #60 加您了。同意下
    MXMIS
        64
    MXMIS  
       2023-12-06 14:19:32 +08:00
    手机端适配不是很好,支持批量导入吗?
    vevlins
        65
    vevlins  
       2023-12-06 14:21:40 +08:00   1
    不错,别在厂里打螺丝了,抓紧加几个词典进去我要用
    yzbythesea
        66
    yzbythesea  
       2023-12-06 14:23:16 +08:00
    非常有趣的产品
    imokkkk
        67
    imokkkk  
       2023-12-06 14:30:23 +08:00
    挺好的 加油 果然 兴趣是最好的老师
    735990306
        68
    735990306  
       2023-12-06 14:39:19 +08:00
    界面不错,已 Star
    qiaobeier
        69
    qiaobeier  
       2023-12-06 14:48:04 +08:00
    蛮不错的,建议加入键盘快捷键功能。
    y835L9DyC5XD09kq
        70
    y835L9DyC5XD09kq  
       2023-12-06 14:53:22 +08:00
    有天赋,比我强
    cx99
        71
    cx99  
       2023-12-06 15:00:28 +08:00
    挺好的
    ttentau1
        72
    ttentau1  
    OP
       2023-12-06 15:07:31 +08:00
    @MXMIS #64 未适配手机端 ,可以导入和导出 excel
    ttentau1
        73
    ttentau1  
    OP
       2023-12-06 15:07:53 +08:00
    @vevlins #65 你要哪些词典啊
    ttentau1
        74
    ttentau1  
    OP
       2023-12-06 15:25:44 +08:00   1
    @qiaobeier #69 有哒,默认有,还可以在设置里面自定义
    zhuziyi
        75
    zhuziyi  
       2023-12-06 15:38:19 +08:00
    可以,找个工作是没啥问题的。
    silypie
        76
    silypie  
       2023-12-06 15:41:25 +08:00
    几点下班的?
    LiMengBo
        77
    LiMengBo  
       2023-12-06 15:43:06 +08:00
    不错不错,加油
    ChinaHkEgg
        78
    ChinaHkEgg  
       2023-12-06 15:48:24 +08:00
    nice ,不错不错~!
    hugepizza
        79
    hugepizza  
       2023-12-06 16:15:47 +08:00
    写过一个类似的 不过 ui 和功能极其粗糙
    https://www.typechinese.online/

    OP 要真是在厂里打螺丝 那也是真的牛逼了
    bler
        80
    bler  
       2023-12-06 16:19:05 +08:00
    @ttentau1 楼主啥时候添加一个句子翻译功能,左侧内容,侧边栏译文,当鼠标移动到哪个句子的时候,侧边栏同步到相应位置,相当于是一个英汉文章对照的样板
    ttentau1
        81
    ttentau1  
    OP
       2023-12-06 16:21:38 +08:00
    @hugepizza #79 你这个项目....什么使用场景啊
    ttentau1
        82
    ttentau1  
    OP
       2023-12-06 16:24:35 +08:00
    @silypie #76 早 8 晚 5 ,加班就是晚上 8 点
    ttentau1
        83
    ttentau1  
    OP
       2023-12-06 16:26:06 +08:00
    @bler #80 现在译文放句子上面不方便吗
    hugepizza
        84
    hugepizza  
       2023-12-06 16:29:09 +08:00 via iPhone
    @ttentau1 没啥场景 也就是看到了 qwer 想练习下 react 然后女朋友是外国人 就做了个打拼音的哈哈
    leoSup
        85
    leoSup  
       2023-12-06 16:36:27 +08:00
    感觉还是不错的,CY
    vevlins
        86
    vevlins  
       2023-12-06 16:41:30 +08:00
    @ttentau1 现在不是只有四级,把六级、考研、雅思托福都上了吧。
    Hucci
        87
    Hucci  
       2023-12-06 16:43:46 +08:00
    如果想继续往背单词方面研究,要考虑加入记忆曲线,例句等等,背单词需要的功能还是挺多的。另一方面 UX 感觉还是不咋顺手,词库切换我找了一会才找到。
    OP 加油!自学到这个地步很牛了
    ttentau1
        88
    ttentau1  
    OP
       2023-12-06 16:46:46 +08:00
    @vevlins #86

    有的
    ttentau1
        89
    ttentau1  
    OP
       2023-12-06 16:48:15 +08:00
    @Hucci #87 的确不太好找 我把切换词库弄明显点
    Yunsheng
        90
    Yunsheng  
       2023-12-06 16:49:29 +08:00
    还让不让人活。你们只要稍微出手就感觉能秒我。。。
    vagasnail
        91
    vagasnail  
       2023-12-06 16:51:43 +08:00
    挺好用的啊,期待适配移动端
    ttentau1
        92
    ttentau1  
    OP
       2023-12-06 16:56:43 +08:00
    @Yunsheng #90 谬赞了
    ly529
        93
    ly529  
       2023-12-06 17:30:14 +08:00
    不错不错,加油
    lilei2023
        94
    lilei2023  
       2023-12-06 17:31:37 +08:00
    东西不错,找工作么,现在这环境,不太容易
    KING754
        95
    KING754  
       2023-12-06 17:47:53 +08:00
    这种加了新概念的文章,会不会涉及版权?
    tomatocici2333
        96
    tomatocici2333  
       2023-12-06 17:48:05 +08:00
    不吹不黑 东西挺好的,没有眼高手低很棒了
    Masoud2023
        97
    Masoud2023  
       2023-12-06 17:50:34 +08:00
    我认识的培训班出来的能有你做这个一半水平我就知足了
    DOOMS
        98
    DOOMS  
       2023-12-06 18:01:08 +08:00
    提个建议,输入错误删除让用户自己删除,这样符合输入直觉
    dtgxx
        99
    dtgxx  
       2023-12-06 18:09:12 +08:00
    相当可以呀,反正我现在是做不出来。
    jackaluo
        100
    jackaluo  
       2023-12-06 18:18:58 +08:00
    nice !
    1  2  
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2684 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 32ms UTC 14:52 PVG 22:52 LAX 07:52 JFK 10:52
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86