V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
ttentau1
V2EX  ›  分享创造

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

  •  2
     
  •   ttentau1 · 354 天前 · 14285 次点击
    这是一个创建于 354 天前的主题,其中的信息可能已经有所发展或是发生改变。

    今年厂里生意不好,好多条流水线都关了,几片没什么班可加,下班后比较闲就看 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 条附言  ·  354 天前
    关于移动端,目前没有兼容,没有使用响应式 UI ,UI 是自己画的😂。

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

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


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

    删除那个的确是 bug ,马上修复
    ttentau1
        39
    ttentau1  
    OP
       354 天前
    @Leonkennedy2 #36 读音是调用的有道词典的接口

    https://dict.youdao.com/dictvoice

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

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

    有的
    ttentau1
        89
    ttentau1  
    OP
       354 天前
    @Hucci #87 的确不太好找 我把切换词库弄明显点
    Yunsheng
        90
    Yunsheng  
       354 天前
    还让不让人活。你们只要稍微出手就感觉能秒我。。。
    vagasnail
        91
    vagasnail  
       354 天前
    挺好用的啊,期待适配移动端
    ttentau1
        92
    ttentau1  
    OP
       354 天前
    @Yunsheng #90 谬赞了
    ly529
        93
    ly529  
       354 天前
    不错不错,加油
    lilei2023
        94
    lilei2023  
       354 天前
    东西不错,找工作么,现在这环境,不太容易
    KING754
        95
    KING754  
       354 天前
    这种加了新概念的文章,会不会涉及版权?
    tomatocici2333
        96
    tomatocici2333  
       354 天前
    不吹不黑 东西挺好的,没有眼高手低很棒了
    Masoud2023
        97
    Masoud2023  
       354 天前
    我认识的培训班出来的能有你做这个一半水平我就知足了
    hokori
        98
    hokori  
       354 天前
    提个建议,输入错误删除让用户自己删除,这样符合输入直觉
    dtgxx
        99
    dtgxx  
       354 天前
    相当可以呀,反正我现在是做不出来。
    jackaluo
        100
    jackaluo  
       353 天前
    nice !
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2721 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 43ms · UTC 10:17 · PVG 18:17 · LAX 02:17 · JFK 05:17
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.