V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
johnman
V2EX  ›  程序员

吐槽一下前端难学

  •  3
     
  •   johnman · 100 天前 · 11850 次点击
    这是一个创建于 100 天前的主题,其中的信息可能已经有所发展或是发生改变。
    前端真心难学。只想简单依靠 antd 开箱即用的框架,写个后台,结果萝卜带出泥,antd/antd pro/pro-component/umi...文档散落,各种穿插,文档不清晰

    还好框架还是挺优秀,能够挺方便运行。
    114 条回复    2022-12-30 10:23:07 +08:00
    1  2  
    wu67
        1
    wu67  
       100 天前   ❤️ 1
    其实不难, 只是 react 系尤其是 antd 的文档一言难尽, 尤其是用上 ts 的情况下, 对初学者 /初接触者极不友好, 生态越是开放 /自由发挥的技术栈, 越是容易整出各种花里胡哨的玩意...
    不是吹, 如果你选择 vue+element 上手就没这感慨了...
    cbdyzj
        2
    cbdyzj  
       100 天前 via Android
    学习方向错了
    henryxie2093
        3
    henryxie2093  
       100 天前
    从 vue 2.x 开始,用 element-ui 组件库,各方面生态都稳定。
    dog82
        4
    dog82  
       100 天前
    antd pro 文档好像是收费的,不付账只能看一个小时
    我想尊重作者的付出,奈何很难说服公司为这个文档买单
    shilianmlxg
        5
    shilianmlxg  
       100 天前
    react 的文档并不难懂。难懂的是 antd dvajs umi 。尤其是需求很急,你需要快速掌握组件里面的某个东西时,有画面了。
    gogogo2000
        6
    gogogo2000  
       100 天前   ❤️ 1
    用 antd 就好了,别用 antd pro ,那东西的文档极其糟糕,而且只是 antd 套娃,遇到问题想要找资料几乎是找不到的
    hervey0424
        7
    hervey0424  
       100 天前   ❤️ 2
    千万不要用 antd pro 和 umi, 文档乱糟糟的, 出问题还不好解决
    shanyuhai123
        8
    shanyuhai123  
       100 天前
    最近带前端 0 基础的,强烈意识到一定要从 vue2 开始,从 vue3 + ts 绝对劝退。
    libook
        9
    libook  
       100 天前 via Android   ❤️ 1
    Vue 的文档是我看过的觉得最贴心的文档,总能在我产生疑问的时候马上就在下文解答我的疑问。

    个人认为前端难在于知识比较分散和扁平,导致大多知识都需要记住或随用随查。
    johnman
        10
    johnman  
    OP
       100 天前
    @wu67 用着 antd pro 真心觉得有点失控的感觉,掌控感很弱,非常害怕以后维护。虽然是非程序员的个人业余项目。
    com781517552
        11
    com781517552  
       100 天前
    最好用 VUE 和 element
    zooeymango
        12
    zooeymango  
       100 天前
    @dog82 不收费的呀
    magichacker
        13
    magichacker  
       100 天前
    @shilianmlxg 有画面了,有内味儿了
    johnman
        14
    johnman  
    OP
       100 天前
    @shilianmlxg 从入门到放弃
    Baymaxbowen
        15
    Baymaxbowen  
       100 天前
    pro 真的是个垃圾
    johnman
        16
    johnman  
    OP
       100 天前
    @com781517552 vue-element-admin ?
    sphawkcn
        17
    sphawkcn  
       100 天前
    @hervey0424 #7 能推荐一个代替 Umi 的吗?用了 Next.JS ,发现不是每次都能实现热加载刷新页面,如果不能热加载启动全量加载的时候,小项目都慢到爆,保存一次动不动就需要等 30-40 秒,等不起 :(
    arfaWong
        18
    arfaWong  
       100 天前
    别碰 antd pro 和 umi
    hexi1997
        19
    hexi1997  
       100 天前
    @dog82 ? 你确定是 antd pro?
    hexi1997
        20
    hexi1997  
       100 天前
    我觉得 antd pro 挺好用的,给了很多最佳实践
    golangLover
        21
    golangLover  
       100 天前 via Android
    mr2xd
        22
    mr2xd  
       100 天前
    没人推 Naive UI 吗
    likunyan
        23
    likunyan  
       100 天前
    早期的 antd 确实是这样,现在好一点。文档确实没 Bootstrap 、MUI 那么简单。
    stroh
        24
    stroh  
       100 天前
    antd pro 已经是前端最简单的文档了吧,傻瓜都能直接上手,不像其他插件还要自己实现,如果换其他插件实现他相同的功能要多写一大坨代码,反而增加了复杂性
    gaolingyi
        25
    gaolingyi  
       100 天前
    初学者还是建议框架+ui 一步一步来, 不要上来就用 pro 等集成组件, 不然会发现好多东西看不懂也不知道该不该删

    初学建议从 vue2 + element 起手, antd 文档本身就不咋地, antd pro 文档更是文档都没齐就更新下一版
    yhxx
        26
    yhxx  
       100 天前
    @dog82 怎么可能收费,你是不是看错了

    不过楼主列的后面的这几个 antd pro/pro-component/umi 还是不推荐用,尤其是新人,真的有点难用
    dream4ever
        27
    dream4ever  
       100 天前
    楼主的前端掌握到什么层次了?要具体情况具体分析,不管前端后端,写个 hello world 都很简单,开发真实项目都需要学习很多相关知识的。
    4771314
        28
    4771314  
       100 天前
    前端是易上手,难精通
    自己简单鼓捣一下,能用就行,那还是比较简单
    要系统性的学习,东西挺多的,尤其是现在的主流的前端框架,东西都封装好了,有时候理解起来就很复杂
    xstmjh123
        29
    xstmjh123  
       100 天前
    千万别碰 umi dva 什么的阿里项目,项目用久了你也发现 antd 坑不要太多。但凡你能读英文文档的话,react 相关的文档和教程量又多又好,vue 全家桶也很不错
    IvanLi127
        30
    IvanLi127  
       100 天前   ❤️ 1
    antd pro 和 umi ,绝对不是给前端新人用的,那玩意没点功底简直就是个黑盒。封装了很多业务逻辑,不是纯粹的前端 UI 组件。
    vision1900
        31
    vision1900  
       100 天前
    如果你们公司的 UI 设计很有想法而且项目长期维护,用 antd 都已经够痛苦了,更别提 antd pro 和 umi ,那东西定制化起来简直让人头疼
    wunonglin
        32
    wunonglin  
       100 天前
    angular material 的 api 设计不要好太多。用 ant 和 ele 那是自找苦吃而已
    darkengine
        33
    darkengine  
       100 天前
    我是搞不定 antd pro + umi 的,只用了 UI 框架那部分
    sphawkcn
        34
    sphawkcn  
       100 天前
    @xstmjh123 #29 不能这些用啥?推荐几个脚手架工具或者组合?
    dog82
        35
    dog82  
       100 天前
    @zooeymango
    @yhxx 我说的是 eleadminpro 这个控件库,https://eleadmin.com/doc/eleadminpro/#/
    tkHello
        36
    tkHello  
       100 天前
    跟我卷 我卷死你 我已经卷死 1 个人了
    kitebear
        37
    kitebear  
       100 天前
    前端不难,后端难
    johnman
        38
    johnman  
    OP
       100 天前
    @dream4ever 非 coder ,算业余爱好者,js 尚可但新的语法糖有时脑袋会短路,CSS 属于开窍 20%-40%的状态,觉得所见非所得。stackoverflow 依赖严重

    打算撸一个自己的 admin 后台,支持手机登录、邮箱登录、作为后续自己项目重用的基础,目标是快速成型。
    admin 打算集成异步任务管理、用户管理、配置管理、日志功能功能
    目前技术栈是
    后端 django rest-framework
    前端 antd-pro/react/typescript

    现在的状态是写后端很愉快
    写前端很痛苦,那一堆 antd-pro 组件用起来体验很差。基本靠全量的官方例子修改一下,主要是字段描述太不清晰了,文档散乱,需要打开 antd/antdpro/procomponent/umi 项目地址到处找文档。好在框架能很容易跑起来,集成了国际化、路由这些,不用自己选型
    johnman
        39
    johnman  
    OP
       100 天前
    @vision1900 自己的项目,UI 没有特别需求。能跑能用就可以了。好维护,实现基本功能是首选
    yxzblue
        40
    yxzblue  
       100 天前
    chloerei
        41
    chloerei  
       100 天前 via iPhone
    不要用前端框架,后端渲染+bootstrap 。
    estk
        42
    estk  
       100 天前
    文档写得最好的应该是这个框架: https://mui.com/
    makelove
        43
    makelove  
       100 天前
    写后台管理支持下楼上观点,后台并不需要那么动态
    且后端渲染开发更快
    ccraohng
        44
    ccraohng  
       100 天前
    有没有可能是你自己的问题,这已经是傻瓜组件了
    whyrookie
        45
    whyrookie  
       100 天前
    插楼问一下,V 友有推荐的 Rect 最佳实践吗
    whyrookie
        46
    whyrookie  
       100 天前
    @whyrookie #45 React
    BugCry
        47
    BugCry  
       100 天前 via Android
    antd 极其难用,直接一堆配置甩脸上,而且 css 框架和 nextjs 还有冲突。你能想象 antd 里面同时存在 dayjs 和 momentjs 吗
    个人项目基本都是 MUI 或者 PrimeReact ,组件齐全,规划得也很不错
    Leviathann
        48
    Leviathann  
       100 天前
    react 不是那种没写过的人看一眼示例就能直接抄过去改改的框架
    而是有其思想并且是思想先行的框架
    basefas
        49
    basefas  
       100 天前
    我的建议是不要搞 antd pro ,直接学习写个简单的框架,只用 antd 就好
    贴个自己的项目: https://github.com/basefas/react-antd-admin
    Cmdhelp
        50
    Cmdhelp  
       100 天前
    尝试下 next.js 系列,和 tailwindcss 和 flowbite,小项目真不适合 antd 和 umi ,太臃肿了。
    Leviathann
        51
    Leviathann  
       100 天前
    另外 antd 也就是 table 比较大而全所以在 hook 没出来的时候用的人多,其他组件并不见得好用

    所以建议是用一些纯 ui 库 + tan table ,react hook form 这类专门处理 table form 的库
    johnman
        52
    johnman  
    OP
       100 天前
    @ccraohng 有可能哈哈
    94qihang
        53
    94qihang  
       100 天前
    阿里:你在教我做事?
    gdrk
        54
    gdrk  
       100 天前
    antd pro 和 umi 这种太重了,真没必要浪费心神在他上面
    cmdOptionKana
        55
    cmdOptionKana  
       100 天前
    @johnman 业余爱好者没必要学 react 之类的,用 MVC 架构多舒服!
    FaiChou
        56
    FaiChou  
       100 天前
    建议自底向上学习, 先把 js html css react webpack redux 这些底子打好, 然后再去使用学习框架.
    b1ncer
        57
    b1ncer  
       100 天前
    antd 很好,别用 antd pro 。

    antd pro 的定位就是疯狂推销自家的私货,不是一个从用户出发的技术产品。

    可以参考这个很多年前的 issue:
    https://github.com/ant-design/ant-design-pro/issues/556
    hzxxx
        58
    hzxxx  
       99 天前
    用 layui 梭哈啊,或者 vue+element 啊,非前端用 react ant ts 还上 umi 那不是找罪受吗
    exploreexe
        59
    exploreexe  
       99 天前
    同样感觉前端就是个大坑,首先是要学的东西巨多,我之前看过一个培训机构的 CSS 文档,一个 PDF 800 多 M ,让我瞬间不想学了,咱就说直接看这个文档不看视频,得学多久吧。

    而且感觉前端的人特别喜欢发明轮子,一个个的都是大发明家,三天两头一个新框架。。。
    chrisia
        60
    chrisia  
       99 天前
    其实我感觉移动端更难,门槛很高。
    blankmiss
        61
    blankmiss  
       99 天前
    @shanyuhai123 我倒是感觉 vue3 从零基础走挺平滑的
    Track13
        62
    Track13  
       99 天前 via Android
    react 生态里我觉得 nextjs 的文档是最好的,英语苦手都能轻松学习。
    royzxq
        63
    royzxq  
       99 天前
    antd 除了彩蛋门之外,算是做挺不错的开源项目了。

    新人不要用 antd pro 和 umi 就是了。

    umi 现在改的我有点看不懂了..
    yolio2003
        64
    yolio2003  
       99 天前
    前端很难,主要在于心态要放平看。
    首先,react vue 都是摸索中的半吊子技术,并不稳定,还有无数多的新概念连作者都是半吊子水平。
    火爆不等于优秀,只不过是顺应了时代的浪潮而已。

    其次,社区过度活跃,难以分清优劣。

    所以还得自己有批判的眼光和能力,慢慢规划技术升级的路线。
    serge001
        65
    serge001  
       99 天前
    你用是用 vue2 的 vue-element-admin 模板来写,会有种是个人都会写的感觉。。用 antd 别说后端,就是专业前端都想吐槽
    mofe
        66
    mofe  
       99 天前
    不喜欢 antd ,太重了
    tailwindcss 写代码如沐春风,想怎么改怎么改
    感觉主动权重回到自己手上
    bmwh123
        67
    bmwh123  
       99 天前   ❤️ 3
    如果 angular 文档能仔细看的话 其实 angular 是最好的 很规范 也没什么多的选择
    ChiangKaishek
        68
    ChiangKaishek  
       99 天前
    同感, Flask RESTful + antd-pro
    后端写起来舒服又顺畅
    写前端的时候就难受地一批, 文档跳来跳去, 找文档找得人头大
    arnosolo
        69
    arnosolo  
       99 天前
    只是简单写个后台管理页面的话, 用 vite-vue3-ts-unocss-primevue 好了, 文档很全.
    模板 -> https://github.com/arnosolo/vite-vue3-ts-unocss-primevue
    zzzmh
        70
    zzzmh  
       99 天前
    我个人觉得不学框架的话前端挺简单的,h5c3js 然后学点 jq 和 vue ,写写纯 html 页面。自从学了框架就一直抓脑壳
    ZoeeoZ
        71
    ZoeeoZ  
       99 天前
    每次看到这种帖子就不禁感叹,如果所有技术文档都有 vue 文档的水平,我们这样的低端程序员能活的舒服太多
    CHXX
        72
    CHXX  
       99 天前
    字节家的 UI 真心好看
    Semi Design
    monologue520
        73
    monologue520  
       99 天前
    @yolio2003 大佬所言的「社区过度活跃」非常赞同,每天一种新技术真不是瞎吹嘘的,真是服了这些老 6,整的好像娱乐圈似的
    christin
        74
    christin  
       99 天前
    @mofe 我很好奇如果用 tailwind ,组件怎么解决呢? 比如 element 和 antd 里面非常常见的 table 等功能,官方的组件库是收费的。
    euronx
        75
    euronx  
       99 天前
    `pro-components` 的文档那是极度辣鸡
    TimPeake
        76
    TimPeake  
       99 天前
    javaer/phper/goer/: 我会 Vue/React === 我会前端
    Mexion
        77
    Mexion  
       99 天前
    你真要写后台全部自己选型自己从头写还好点,用别人的里面各种过度封装到最后维护你会疯狂的,各种需求需要改这改那最后整个项目变成了依托答辩,别问我怎么知道的,因为我现在就在维护答辩,刚开始图方便用现成的,现在各种受束缚才知道多难受,里面绑定太多重构也不太可能了,现在只能忍着了。
    像 antd 这种就用 antd 就行了,别用 antd pro ,这种框架绑定了一堆东西,你还要花时间一一去学一遍,现在前端各种轮子层出不穷,各种深度封装的框架里面封装了各种各样的轮子,只能说心累,自己选型舒服多了。
    jones2000
        78
    jones2000  
       99 天前
    就一个简单的后台, 又不是产品, 直接 jquery 搞下不就行了。
    mofe
        79
    mofe  
       99 天前
    @christin #74
    我买了 https://tailwindui.com/
    如果不买也有开源免费的
    ragnaroks
        80
    ragnaroks  
       99 天前
    新手不要一上来就使用 UI 组件库,组件库都默认你本身知晓(基于框架的)用法。
    leega0
        81
    leega0  
       99 天前
    踩错方向了,前端不止有 react ,还有 vue
    zzzzzzZ
        82
    zzzzzzZ  
       99 天前
    我朋友对此有个很精准的评价:阿里系的开源项目都是面向 OKR 做的,开放之后就不管了。

    不是我硬黑,从文档、更新频率、反馈速度。ANTD 、阿里时期的 Flink 、Nacos 、Seata 简直一脉相承,有一种自生自灭的粗犷美。对新手来说这种支持程度学习门槛真的很高。

    我承认和感谢阿里系的开源精神,也为我们国家越来越高的话语权感到骄傲。

    听说当初饿了么被收购,把 ElementUI 的团队强行解散,一部分人补进 ANTD ,大部分人离开阿里。element 为此也杂乱过一段时间,但是现在又好了
    simo
        83
    simo  
       99 天前
    前端就是坑多,你现在开始学还好,最起码从语言层面规范化、工程化都好很多了。
    零几年那时候开始,连 ie6 常见 bug 都是知识,并且还很重要。
    johnman
        84
    johnman  
    OP
       99 天前
    框架掌控感太弱了。所以幡然醒悟改用 layui ?
    8355
        85
    8355  
       99 天前
    后端吐槽下 现在的前端一直都是在学别人写的框架
    自己的东西已经越来越少了
    不过牛逼的是把 ios 的安卓卷走了
    安卓跑的快的去做车机了 ios 是真惨 除了移动互联网大厂做几个原生 app 之外 其他的也就是外包了吧
    abbq
        86
    abbq  
       99 天前
    @8355 的确如此
    sky857412
        87
    sky857412  
       99 天前
    react + tailwindcss + antd + axios ,基本架子就搭建好了
    zhizunzz
        88
    zhizunzz  
       99 天前
    自己用的东西我打算试试百度 amis
    theguagua
        89
    theguagua  
       99 天前
    @BugCry 对的 antd 的 dayjs 还会和自己装依赖的冲突,以至于只能用 antd 的 dayjs ,,很离谱
    lodisy
        90
    lodisy  
       99 天前   ❤️ 1
    @whyrookie

    状态管理 zustand 或 jotai
    组件 radix 等无样式组件
    样式 Tailwind CSS 等
    3D R3F 全家桶
    可视化 visx
    数据请求 swr / tanstack
    表单 tanstack
    动画 motionone / react-spring

    一时半会不知道还需要什么

    最后学习 Solid.js 和 leptos :/
    a4854857
        91
    a4854857  
       99 天前
    就你自己的个人需求 vue2+element 不就够了.
    现在很多新的前端开发范式要解决的问题你都不会遇到.得不偿失
    lodisy
        92
    lodisy  
       99 天前
    @lodisy
    ->
    表单 react-hook-form
    表格 - tanstack
    StrorageBox
        93
    StrorageBox  
       99 天前
    这你是没玩客户端
    HungryOrangeCat
        94
    HungryOrangeCat  
       99 天前   ❤️ 1
    @christin daisyUI 了解下,tailwind css 必备伴侣
    AyaseEri
        95
    AyaseEri  
       99 天前
    你到底是怎么入坑后面三坨东西的,前端都不爱用后面三个玩意,尤其是 umi 。
    说句题外话,我们组的前端、隔壁组的前端都不爱用 umi ,但是我们的后端老大 React 没写几行非要自己搭项目,然后用了 umi 。不知道 umi 是不是比较命中后端(尤其是 Java 架构师)的癖好。
    THESDZ
        96
    THESDZ  
       99 天前
    我觉得你是不是应该先学下思想?设计理念和最佳实践?
    ychost
        97
    ychost  
       99 天前
    其实 CRUD 用来用去无非就是 Table/Form/Input/Button 这些,自己看懂 Antd 之后再封装一下就好了,现在看 Antd 有点 Spring xml 的味道,一堆配置需要填充
    Yuxiaoy
        98
    Yuxiaoy  
       99 天前
    @whyrookie https://blog.miguelgrinberg.com/post/the-react-mega-tutorial-chapter-1-modern-javascript
    Miguel 的 React 课程学起来很舒服,没有引入任何不必要的库,推荐跟着敲一遍。
    MrHyde
        99
    MrHyde  
       99 天前
    远离阿里的东西
    lchynn
        100
    lchynn  
       99 天前
    @ZoeeoZ 喜欢传统的开发,又要现代的前端功能,c#系背景的,微软的 blazor 其实可以,其他语言平台的开发者可以等各种自己语言平台 WASM 框架方案成熟了,就不用现在 react ,vue 这种半吊子的前端框架了,也不用在 JS 这个语言上折腾。总觉得未来真正成熟的前端肯定不是现在这样群魔乱舞的。
    1  2  
    关于   ·   帮助文档   ·   博客   ·   nftychat   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   实用小工具   ·   3305 人在线   最高记录 5556   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 55ms · UTC 04:22 · PVG 12:22 · LAX 21:22 · JFK 00:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.