V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
iamtuzi3333
V2EX  ›  Vue.js

哭了,前端真的太难受了。

  •  
  •   iamtuzi3333 · 13 天前 · 9838 次点击
    大佬们,我哭了,一直搞的后端,现在前端不够人,我也得上。结果很难受,自己学个前端一直半途而废,创建好初始项目后,修改了两下,发现效果没到自己的理想,就 ai ,ai 改了之后,有出现 bug ,再查询,版本问题,再改,又有新的 bug ,反反复复折腾我,太佩服那些前端大佬了。本来想找模板,结果模板的东西一大堆,实际我要用的东西很少,一直改一直删一直出 bug ,我真醉了,太佩服前端大佬们了。求大佬的学习指南。
    87 条回复    2024-12-15 11:23:16 +08:00
    kapaseker
        1
    kapaseker  
       13 天前 via Android
    前端就是 CSS 难搞,只能多学多看了,多瞅瞅火狐的文档
    jdi
        2
    jdi  
       13 天前
    过了这段时间就好了
    follower
        3
    follower  
       13 天前
    要向应付实际工作怎么也得学上几个月,你这是霸王硬上弓啊
    pckillers
        4
    pckillers  
       13 天前
    实在不行就低代码自己调自己接口吧。哪天满足不了需求了在和老板摊牌让专业前端再重构一遍。
    mumbler
        5
    mumbler  
       13 天前
    你用的是什么 AI ,cursor 写前端很厉害,耐心去调试把你看到的跟 AI 说,一点点去接近,太复杂的逻辑用 gemini-exp-1206 或者 chatgpt o1 或者 claude 3.5 去写个函数实现
    0xD800
        6
    0xD800  
       13 天前
    你要搞的东西很复杂吗
    我也是后端,自学搞了个后台管理系统,基本掌握了前端搭积木,但是没有设计感。。
    lneoi
        7
    lneoi  
       13 天前   ❤️ 6
    同一个东西向 ai 问多了感觉越来越东拼西凑,如果再回头让 AI 删减,可能又重写出之前的版本
    还是自己把握主线,让 ai 做辅助一点的东西
    tkfe
        8
    tkfe  
       13 天前
    其实不止前端,编程就是这样。很多前置知识不懂,突然叫你上手,就是很恼火。这错那错的,搜都不知道怎么搜。没有太好的办法,只有静下心来一步步解决,遇见问题,解决问题。不过现在有 AI ,能一定程度上缓解。所以,心态很重要。
    wqq096737ink
        9
    wqq096737ink  
       13 天前
    前端太杂了,每年都会出几个新技术,别的不说光是包管理工具/打包工具已经迭代了好几个了, 可能再过十年有一个统一江湖的
    Philippa
        10
    Philippa  
       13 天前 via iPhone
    前端现在很复杂的,如果你看看那些框架的发布会,你会发现前端很多学问的,如何一步步优化加载、加载,使网站评分越来越高。那种程度很多专职前端都做不来。
    iamtuzi3333
        11
    iamtuzi3333  
    OP
       13 天前
    @kapaseker css 巨难搞,特别是领导想看到好看的页面效果。
    @jdi 最近还要出差去装设备,难顶
    @follower 我在开始学了,没办法,没人。项目又着急。
    @pckillers 现在就是想找前端大佬写个模板,让我模仿着写。
    iamtuzi3333
        12
    iamtuzi3333  
    OP
       13 天前
    @mumbler 就普通的 gpt ,现在的 4o 越来越傻了。
    @lneoi 对啊,就是这个效果,但是后端 ai 还是很清晰给出方案的。
    @0xD800 不复杂,唯一难点就是图表展示实时数据,用 echart ,但是结构我不会,折腾了很久。设计感这玩意 css 真的难
    iamtuzi3333
        13
    iamtuzi3333  
    OP
       13 天前
    @tkfe 是的,心态重要,准备找个前端大佬付费学习。
    @wqq096737ink 非常杂乱,很难受,特别是各种包,各种版本。我都想撸回 html 三件套了。
    @Philippa 太混乱了,而且各个框架也是一堆 bug ,很多模板也是堆了一堆东西进去,我不需要的一大堆,实际用的没几个。
    iamtuzi3333
        14
    iamtuzi3333  
    OP
       13 天前
    现在看市场上也是很多老前端大哥,新人好像不是很多,小弟也是去年刚毕业,干了一年多的后端,一直想学习一下前端,奈何实在难受,有前端大佬有空指教的话,小弟也可以付费咨询学习一下,感谢各位大佬!!!
    MYDB
        15
    MYDB  
       13 天前 via iPhone
    直接上手会留下很多坑,起码给一个月时间自学基础吧
    mumbler
        16
    mumbler  
       13 天前
    @iamtuzi3333 #92 现在 gpt4 普遍降智了,而且聊天机器人根本不适合写代码,用 cursor,用 cursor,用 cursor ,重要的事情说三遍,工具用对,前端太容易了
    rogwan
        17
    rogwan  
       13 天前
    老司机知道很多糊弄的方法,你这霸王硬上弓,是不知道有哪些糊弄的方法,要是了解有哪些糊弄的方法,烂泥可以先糊上去。

    前端就是看起来很复杂,其实一点都不简单。
    chihiro2014
        18
    chihiro2014  
       13 天前
    @iamtuzi3333 我只会 angular
    donaldturinglee
        19
    donaldturinglee  
       13 天前 via Android
    @iamtuzi3333 学 react 或者 vue ,这种遇到的坑会少一点。 如果你想学 react 的话可以找我
    windliang
        20
    windliang  
       12 天前
    murmur
        21
    murmur  
       12 天前   ❤️ 2
    多学多练,以前 ie6 兼容性都没人哭爹喊娘,为啥 chrome+flex 一堆人说难
    yxlcareme
        22
    yxlcareme  
       12 天前
    我用 vue ,op 如果有需求可以帮帮 op
    tabc2tgacd
        23
    tabc2tgacd  
       12 天前
    其实前端还是比较容易的,我在公司也是后端岗(php+go)。但这两年接了一点私活,而且直接前后端全 ts ,前端从开始 vue2 到 react ,最近一个项目换 solidjs 了,后端用 nodejs 。至于小程序也是直接 webview 套 h5 。感觉全套 ts 还是很合理的。前端难主要就是难在 css 上,现在一般都用 less 或者 sass 这类可读性更好的扩展语言了,好写多了。
    mark2025
        24
    mark2025  
       12 天前
    前端现在是框架繁多不容易跟上,早十几年 IE6/7/8 时代,那各种 js/css hack 之酸爽;在 jquery 出来之前 document.getElementById 打字都手软
    crocoBaby
        25
    crocoBaby  
       12 天前
    前端有手就行
    brianinzz
        26
    brianinzz  
       12 天前
    windsurf 有手就行 我是后端 依靠 cursor 和 windsurf 独立做个 electron 都上线了
    iamtuzi3333
        27
    iamtuzi3333  
    OP
       12 天前
    @mumbler 好的,我去搜搜看。
    @rogwan 确实是强上了,没办法,着急要。
    @donaldturinglee 现在我是看 vue3 ,他的坑也不少。react 还没接触过,你有空再请教你。
    @tabc2tgacd 是的,css 比较难,特别是要求好看的前提。
    @yxlcareme 大佬,最近你有时间吗,我要赶工个项目,几个页面。
    yxlcareme
        28
    yxlcareme  
       12 天前
    @iamtuzi3333 有时间的 你加我 v yxl_qiangua
    meteor957
        29
    meteor957  
       12 天前 via Android
    不要找什么模板。总有后端张口套模板闭口套模板的,弄到最后就是既看不懂,也改不动。
    heqingpan
        30
    heqingpan  
       12 天前 via Android
    如果想掌握,个人建议静下心来,单独练习 html+css 。
    万变不离其宗,练习时只用写 html 和 css 文件,不需要用现代工程避免被其干扰精力。

    找个 css 系列教程或一本书,基本只要练习几个常见的布局(用 flex ),最后模仿一两个网站的页面(尽量 1 比 1 复刻)就差不多可以掌握。后面写页面时,就算有遗漏你也知道该用什么方式,搜索一下就能解决。

    我基本都写后端,很多前集中学一小段时间,配合熟悉 js ,之后用什么前端框架基本都很好上手(写功能没问题,就是规范化可能不太好)。
    npe
        31
    npe  
       12 天前
    https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
    我也是后端,我觉得难的是布局,可以看看这篇教程,有所帮助。
    guanzhangzhang
        32
    guanzhangzhang  
       12 天前
    @0xD800 后台管理系统这块前端轮子和 UI 组件最多,但是要搞个非后台的前端项目估计好多自学前端的搞不了
    jonsmith
        33
    jonsmith  
       12 天前 via Android
    Tailwind CSS + UI 库 + Cursor ,我是这样搭配写前端,效率很高。
    ybz
        34
    ybz  
       12 天前
    前端有手就行
    DongDongProMax
        35
    DongDongProMax  
       12 天前
    要简单上手的话,直接 JQ+layui 一把梭,简单易懂,后端好上手
    Heisenberg66
        36
    Heisenberg66  
       12 天前
    前端有手就行
    iamtuzi3333
        37
    iamtuzi3333  
    OP
       12 天前
    @yxlcareme 好的,已经添加。
    @meteor957 我现在也发现了,前端的模板东西太多了,改起来也很费劲。
    @heqingpan 谢谢大佬,我学习学习。
    @npe 好,我多看看。
    @guanzhangzhang 是的,我看到前端的模板就头大了,里面的内容写的天花乱坠,很多根本用不上呀。
    @Heisenberg66 羡慕大佬。
    @ybz 我是废了,哈哈哈。
    @DongDongProMax 上手了,还要改动,我哭。
    taoyuanming
        38
    taoyuanming  
       12 天前
    听君一席话,如听一席话😂
    magewu1223ll
        39
    magewu1223ll  
       12 天前
    所有要有专业前端
    linwuhi
        40
    linwuhi  
       12 天前
    前端学习曲线实际会比服务端复杂的 打包工具就很折腾了

    服务端三件套就行了 go+mysql+redis 无敌 ,我自己就是前端开发,偶尔也写写 Go
    66beta
        41
    66beta  
       12 天前
    后端兼职前端,就用用那种 UI 框架不就行了,都是现成的,组装一下。哪有还要自己写的???
    ggvoking
        42
    ggvoking  
       12 天前
    非前后端,但是学后端,然后写业务有手就行。但是学前端要表现效果真磨人,而且不喜欢 js ,css 更是地狱难度。
    seedhk
        43
    seedhk  
       12 天前
    AI 只能辅助啊,自己有想法但是不知道怎么写可以找 AI ,AI 给出答案后还得自己看下满不满足要求,如果连 AI 给出的结果都不知道是否满足需求,那还是别用 AI 了,google 搜案例更合适
    dudubaba
        44
    dudubaba  
       12 天前
    很正常,前端 er 也用 node\php 搞后端,正常的 CRUD 也能搞,但凡来个深一点业务逻辑是一脸懵逼,数据库字段都设计不好😂
    yagamil
        45
    yagamil  
       12 天前
    前端内核 就 3 件套,实际被整个各种各样的花样。而且还前后不兼容。。。
    可想而知 卷的程度。
    bojackhorseman
        46
    bojackhorseman  
       12 天前
    菜就多练
    hyh0u0
        47
    hyh0u0  
       12 天前
    调试页面布局特别麻烦,还要考虑响应式。后端:页面是什么?
    wangtian2020
        48
    wangtian2020  
       12 天前
    很多前端学了 HTML 和 JavaScript 就上岗了,flexbox 一点不学。先把弹性布局花 1 小时,一个小时就够了,学了再去写样式 OK ?
    hefish
        49
    hefish  
       12 天前
    每个前端都有一个后端的梦,都喜欢把后端的东西用 js 来实现一遍。。。
    然后每个前端恨不得都搞一套框架。。。碰上能沟通的还不错,碰上不能沟通的,那就自己受着吧。。。
    op 自求多福吧。。。
    zhj0326
        50
    zhj0326  
       12 天前
    很多设计感很强的页面,就比如用到很重 GSAP 的,使用 AI 都没有方向提问的....
    zhj0326
        51
    zhj0326  
       12 天前   ❤️ 1
    @ybz 有手就行?试试这个 https://www.blueyard.com/
    vipfts
        52
    vipfts  
       12 天前
    给钱吗?
    mixuxin
        53
    mixuxin  
       12 天前
    前端可以看下 v0dev
    现在的工作模式是:
    前端:截图给 v0dev 生成前端代码,cursor 微调
    后端:cursor

    感觉效率还不错
    GaGaGood
        54
    GaGaGood  
       12 天前
    做不来不要强求,不然以后你在公司就得全栈了
    AlexHsu
        55
    AlexHsu  
       12 天前
    ai 写前端 bug 很少的 特别是老外喜欢的那些 next 技术栈 写 vue 普普通通吧 cursor sonnet 模型
    eraserrain
        56
    eraserrain  
       12 天前
    不是专职前端,找个好看的 ui 库+tailwind+jquery ,其实够了
    iamtuzi3333
        57
    iamtuzi3333  
    OP
       12 天前
    @linwuhi 是的,前端更新的也快,轮子比后端多好多。
    @66beta ui 框架内容太多了,我不要那么多,拿他们改起来费劲。
    @ggvoking 是的,后端业务逻辑性好点,特别是物联网,把协议对接好,数据就来了。加上我没啥设计细胞。
    @yagamil 是的,兼容性问题,版本问题,各种包的问题。
    @hyh0u0 特别要设计的好看,这个更加烦人。
    @hefish 前端的框架问题很多,不好说,拉下来按照步骤跑还是有问题,后端的东西拉下来基本都能跑,而且改起来也快。
    @vipfts 给的,但是不能太贵了,我需求真的简单,感觉大佬一下午就能搞完。
    @mixuxin 我搜索看看,能截图生产这么强的吗。
    @AlexHsu 能学习多点好事情,但是学起来很痛苦就烦恼了,后端我只考虑接口,响应设计好,其他就剩优化了。前端页面真的让我难受了。
    @eraserrain 我搜索看看。
    jaycezhang7890
        58
    jaycezhang7890  
       12 天前
    可私,昵称去 0 就能搜到 v ,小偿乃至无偿
    PaulSamuelson
        59
    PaulSamuelson  
       12 天前
    前端对于后端来说,写 js ,react ,vue 都不是事儿。
    主要是那个 CSS ,这玩意是上古用来排报纸的,现在用来排网页,一些用法和定义,真的抽象。
    例如:用 CSS 元素居中有 N 种写法。并且还分场景,很容易搞混,搞混就不起作用。 做 Flutter 后,整个人舒服多了。
    zb1141920796
        60
    zb1141920796  
       12 天前
    @pckillers 原来就是你小子给我挖的坑。。。我现在就是被老板这么搞的,难受的一批,之前后端瞎写的,改不动了,现在让我重构,妈的,比吃了屎还难受
    winglight2016
        62
    winglight2016  
       12 天前
    我也是后端,但是做自己的项目需要写前端,几年前用过 reactjs 还开发过 react-native ,但是现在发现 html+css+js 足矣,用什么 echart 啊,原生 chart 又不是不能用┑( ̄Д  ̄)┍

    重点是 html+css+js 对于 AI 更容易理解和生成,错了也很具体,要用框架去做,还得先 build ,报了错很难找对位置。
    james122333
        63
    james122333  
       12 天前 via Android
    前端是现在工具链乱成一团 基本上不太好用
    很多框架都喜欢写的不容易追蹤到底层 更甚者压缩代码一行流 内部写 html 更是邪了 分界并不明显 并不是那么容易看出问题
    js 除了非同步不太直观其实本身还可以
    但用其它语言写也都可以 不外乎就是有人写出来既有的 components 组件化不用自己造轮子
    但有观念爱写什么就写什么
    default996
        64
    default996  
       12 天前
    @kapaseker 现在有 ai ,css 已经简单很多了,都是直接让 ai 给写个 css 代码,感觉 OK 了就复制进项目里
    renpiaoyang
        65
    renpiaoyang  
       12 天前
    哎,后台也难搞,最近被逼着和后台一起用 nestjs 写后台,
    jsq2627
        66
    jsq2627  
       12 天前   ❤️ 2
    有没有设计感和会不会 css 无关。css 只是工具,要做出有设计感的页面,你自己本身要有一定的审美水平。
    zdw189803631
        67
    zdw189803631  
       12 天前
    我是前端,我连建表都不会
    Obj9527
        68
    Obj9527  
       12 天前
    还是需要系统学习,不了解底层原理、执行流程、生命周期,写起来就是一头雾水,遇到问题也无法解决
    lizy0329
        69
    lizy0329  
       12 天前
    啥啊,打开 VScode ,按 ! 号,tab ,放个 jquery + bootstrap cdn 链接,保存!开始你的前端之旅
    layxy
        70
    layxy  
       12 天前
    前端最难的就是 css,尽量使用现成的 ui 框架吧,基本能够满足后台需求了,至于面向客户的前端自定义页面,就只能琢磨 css 了
    pigf
        71
    pigf  
       12 天前
    前端这活真不是人干的,让后端去写前端还不如杀了他
    lee122929
        72
    lee122929  
       12 天前
    坑还是得自己踩
    ychost
        73
    ychost  
       12 天前
    现在前端的核心就是一个状态管理,尤其写 Admin 等界面
    star2024
        74
    star2024  
       12 天前
    搞后端的人去搞前端确实会比较难受。
    gl3081
        75
    gl3081  
       12 天前
    同后端,前两天刚用 https://github.com/appsmithorg/appsmith 搞了一个 admin
    IndieYe
        76
    IndieYe  
       12 天前 via iPhone
    有 ai 帮你写代码了,还需要模板吗?
    模板提供的是死代码,ai 则是按需定制代码。
    cnliangwei
        77
    cnliangwei  
       12 天前
    @kapaseker 对头,多看多临摹就慢慢不惧怕了
    goldensmithereen
        78
    goldensmithereen  
       12 天前
    还好你没搞客户端,搞客户端,代码 down 下来,跑都未必跑得动,环境都得折腾半天。
    importmeta
        79
    importmeta  
       12 天前
    缺一个系统性的前端入门教程, 可惜这样的教程少之又少, 功力不够写不出来.
    janus77
        80
    janus77  
       12 天前
    客户端不说话的已经死了,前端好歹能半死苟着
    zerotozero
        81
    zerotozero  
       12 天前
    学习指南
    其他行业:初级,中级,高级,大师
    前端:初级,初级,初级,初级
    YaakovZiv
        82
    YaakovZiv  
       12 天前
    现在就是草台班子有点多。我这边跨部门的领导还说,安排一个新人自学三个月,给客户做大模型优化,不知道说啥好。三个月的时间,新人连基础知识都未必能认全。
    kapaseker
        83
    kapaseker  
       12 天前
    @default996 老手可以,因为老手知道怎么回事儿,只是通过 AI 给个思路。他这新手这么做,学个半吊子,后面维护哪哪儿都看不懂
    censujiang
        84
    censujiang  
       12 天前
    我还以为你说前端就业艰难。。。
    v2wp
        86
    v2wp  
       11 天前
    AI 写代码就是,同一个需求代码前 1-3 次连续询问可以,出 bug 之后问得越多 错得越多,最好是每次提问想得全面点,精进提问,一次性得到 90%满意度的回答相对来说好一点。
    llsquaer
        87
    llsquaer  
       10 天前
    我也是 这两天 折腾 vue 然后照着改。。改着改着发现我就像是在搞逆向一样。js 语法太灵活了。特别是匿名函数写在参数位置看的头晕。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1769 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 16:32 · PVG 00:32 · LAX 08:32 · JFK 11:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.