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

[iamtuzi3333]

大佬们，我哭了，一直搞的后端，现在前端不够人，我也得上。结果很难受，自己学个前端一直半途而废，创建好初始项目后，修改了两下，发现效果没到自己的理想，就 ai ，ai 改了之后，有出现 bug ，再查询，版本问题，再改，又有新的 bug ，反反复复折腾我，太佩服那些前端大佬了。本来想找模板，结果模板的东西一大堆，实际我要用的东西很少，一直改一直删一直出 bug ，我真醉了，太佩服前端大佬们了。求大佬的学习指南。

[kapaseker]

前端就是 CSS 难搞，只能多学多看了，多瞅瞅火狐的文档

[jdi]

过了这段时间就好了

[follower]

要向应付实际工作怎么也得学上几个月，你这是霸王硬上弓啊

[pckillers]

实在不行就低代码自己调自己接口吧。哪天满足不了需求了在和老板摊牌让专业前端再重构一遍。

[mumbler]

你用的是什么 AI ，cursor 写前端很厉害，耐心去调试把你看到的跟 AI 说，一点点去接近，太复杂的逻辑用 gemini-exp-1206 或者 chatgpt o1 或者 claude 3.5 去写个函数实现

[0xD800]

你要搞的东西很复杂吗
我也是后端，自学搞了个后台管理系统，基本掌握了前端搭积木，但是没有设计感。。

[lneoi]

同一个东西向 ai 问多了感觉越来越东拼西凑，如果再回头让 AI 删减，可能又重写出之前的版本
还是自己把握主线，让 ai 做辅助一点的东西

[tkfe]

其实不止前端，编程就是这样。很多前置知识不懂，突然叫你上手，就是很恼火。这错那错的，搜都不知道怎么搜。没有太好的办法，只有静下心来一步步解决，遇见问题，解决问题。不过现在有 AI ，能一定程度上缓解。所以，心态很重要。

[wqq096737ink]

前端太杂了,每年都会出几个新技术,别的不说光是包管理工具/打包工具已经迭代了好几个了, 可能再过十年有一个统一江湖的

[Philippa]

前端现在很复杂的，如果你看看那些框架的发布会，你会发现前端很多学问的，如何一步步优化加载、加载，使网站评分越来越高。那种程度很多专职前端都做不来。

[iamtuzi3333]

@kapaseker css 巨难搞，特别是领导想看到好看的页面效果。
@jdi 最近还要出差去装设备，难顶
@follower 我在开始学了，没办法，没人。项目又着急。
@pckillers 现在就是想找前端大佬写个模板，让我模仿着写。

[iamtuzi3333]

@mumbler 就普通的 gpt ，现在的 4o 越来越傻了。
@lneoi 对啊，就是这个效果，但是后端 ai 还是很清晰给出方案的。
@0xD800 不复杂，唯一难点就是图表展示实时数据，用 echart ，但是结构我不会，折腾了很久。设计感这玩意 css 真的难

[iamtuzi3333]

@tkfe 是的，心态重要，准备找个前端大佬付费学习。
@wqq096737ink 非常杂乱，很难受，特别是各种包，各种版本。我都想撸回 html 三件套了。
@Philippa 太混乱了，而且各个框架也是一堆 bug ，很多模板也是堆了一堆东西进去，我不需要的一大堆，实际用的没几个。

[iamtuzi3333]

现在看市场上也是很多老前端大哥，新人好像不是很多，小弟也是去年刚毕业，干了一年多的后端，一直想学习一下前端，奈何实在难受，有前端大佬有空指教的话，小弟也可以付费咨询学习一下，感谢各位大佬！！！

[MYDB]

直接上手会留下很多坑，起码给一个月时间自学基础吧

[mumbler]

@iamtuzi3333 #92 现在 gpt4 普遍降智了，而且聊天机器人根本不适合写代码，用 cursor,用 cursor,用 cursor ，重要的事情说三遍，工具用对，前端太容易了

[rogwan]

老司机知道很多糊弄的方法，你这霸王硬上弓，是不知道有哪些糊弄的方法，要是了解有哪些糊弄的方法，烂泥可以先糊上去。

前端就是看起来很复杂，其实一点都不简单。

[chihiro2014]

@iamtuzi3333 我只会 angular

[donaldturinglee]

@iamtuzi3333 学 react 或者 vue ，这种遇到的坑会少一点。 如果你想学 react 的话可以找我

[windliang]

这个前端入门课可以参考，https://www.xiaobot.net/p/fe?refer=1c9e2277-4405-4c12-93a9-5e982f62c9c6

[murmur]

多学多练，以前 ie6 兼容性都没人哭爹喊娘，为啥 chrome+flex 一堆人说难

[yxlcareme]

我用 vue ，op 如果有需求可以帮帮 op

[tabc2tgacd]

其实前端还是比较容易的，我在公司也是后端岗(php+go)。但这两年接了一点私活，而且直接前后端全 ts ，前端从开始 vue2 到 react ，最近一个项目换 solidjs 了，后端用 nodejs 。至于小程序也是直接 webview 套 h5 。感觉全套 ts 还是很合理的。前端难主要就是难在 css 上，现在一般都用 less 或者 sass 这类可读性更好的扩展语言了，好写多了。

[mark2025]

前端现在是框架繁多不容易跟上，早十几年 IE6/7/8 时代，那各种 js/css hack 之酸爽；在 jquery 出来之前 document.getElementById 打字都手软

[crocoBaby]

前端有手就行

[brianinzz]

windsurf 有手就行 我是后端 依靠 cursor 和 windsurf 独立做个 electron 都上线了

[iamtuzi3333]

@mumbler 好的，我去搜搜看。
@rogwan 确实是强上了，没办法，着急要。
@donaldturinglee 现在我是看 vue3 ，他的坑也不少。react 还没接触过，你有空再请教你。
@tabc2tgacd 是的，css 比较难，特别是要求好看的前提。
@yxlcareme 大佬，最近你有时间吗，我要赶工个项目，几个页面。

[yxlcareme]

@iamtuzi3333 有时间的 你加我 v yxl_qiangua

[meteor957]

不要找什么模板。总有后端张口套模板闭口套模板的，弄到最后就是既看不懂，也改不动。

[heqingpan]

如果想掌握，个人建议静下心来，单独练习 html+css 。
万变不离其宗，练习时只用写 html 和 css 文件，不需要用现代工程避免被其干扰精力。

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

我基本都写后端，很多前集中学一小段时间，配合熟悉 js ，之后用什么前端框架基本都很好上手（写功能没问题，就是规范化可能不太好）。

[npe]

https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
我也是后端，我觉得难的是布局，可以看看这篇教程，有所帮助。

[guanzhangzhang]

@0xD800 后台管理系统这块前端轮子和 UI 组件最多，但是要搞个非后台的前端项目估计好多自学前端的搞不了

[jonsmith]

Tailwind CSS + UI 库 + Cursor ，我是这样搭配写前端，效率很高。

[ybz]

前端有手就行

[DongDongProMax]

要简单上手的话，直接 JQ+layui 一把梭，简单易懂，后端好上手

[Heisenberg66]

前端有手就行

[iamtuzi3333]

@yxlcareme 好的，已经添加。
@meteor957 我现在也发现了，前端的模板东西太多了，改起来也很费劲。
@heqingpan 谢谢大佬，我学习学习。
@npe 好，我多看看。
@guanzhangzhang 是的，我看到前端的模板就头大了，里面的内容写的天花乱坠，很多根本用不上呀。
@Heisenberg66 羡慕大佬。
@ybz 我是废了，哈哈哈。
@DongDongProMax 上手了，还要改动，我哭。

[taoyuanming]

听君一席话，如听一席话😂

[magewu1223ll]

所有要有专业前端

[linwuhi]

前端学习曲线实际会比服务端复杂的 打包工具就很折腾了

服务端三件套就行了 go+mysql+redis 无敌 ，我自己就是前端开发，偶尔也写写 Go

[66beta]

后端兼职前端，就用用那种 UI 框架不就行了，都是现成的，组装一下。哪有还要自己写的？？？

[ggvoking]

非前后端，但是学后端，然后写业务有手就行。但是学前端要表现效果真磨人，而且不喜欢 js ，css 更是地狱难度。

[seedhk]

AI 只能辅助啊，自己有想法但是不知道怎么写可以找 AI ，AI 给出答案后还得自己看下满不满足要求，如果连 AI 给出的结果都不知道是否满足需求，那还是别用 AI 了，google 搜案例更合适

[dudubaba]

很正常，前端 er 也用 node\php 搞后端，正常的 CRUD 也能搞，但凡来个深一点业务逻辑是一脸懵逼，数据库字段都设计不好😂

[yagamil]

前端内核 就 3 件套，实际被整个各种各样的花样。而且还前后不兼容。。。
可想而知 卷的程度。

[bojackhorseman]

菜就多练

[hyh0u0]

调试页面布局特别麻烦，还要考虑响应式。后端：页面是什么？

[wangtian2020]

很多前端学了 HTML 和 JavaScript 就上岗了，flexbox 一点不学。先把弹性布局花 1 小时，一个小时就够了，学了再去写样式 OK ？

[hefish]

每个前端都有一个后端的梦，都喜欢把后端的东西用 js 来实现一遍。。。
然后每个前端恨不得都搞一套框架。。。碰上能沟通的还不错，碰上不能沟通的，那就自己受着吧。。。
op 自求多福吧。。。

[zhj0326]

很多设计感很强的页面，就比如用到很重 GSAP 的，使用 AI 都没有方向提问的....

[zhj0326]

@ybz 有手就行？试试这个 https://www.blueyard.com/

[vipfts]

给钱吗?

[mixuxin]

前端可以看下 v0dev
现在的工作模式是：
前端：截图给 v0dev 生成前端代码，cursor 微调
后端：cursor

感觉效率还不错

[GaGaGood]

做不来不要强求，不然以后你在公司就得全栈了

[AlexHsu]

ai 写前端 bug 很少的 特别是老外喜欢的那些 next 技术栈 写 vue 普普通通吧 cursor sonnet 模型

[eraserrain]

不是专职前端，找个好看的 ui 库+tailwind+jquery ，其实够了

[iamtuzi3333]

@linwuhi 是的，前端更新的也快，轮子比后端多好多。
@66beta ui 框架内容太多了，我不要那么多，拿他们改起来费劲。
@ggvoking 是的，后端业务逻辑性好点，特别是物联网，把协议对接好，数据就来了。加上我没啥设计细胞。
@yagamil 是的，兼容性问题，版本问题，各种包的问题。
@hyh0u0 特别要设计的好看，这个更加烦人。
@hefish 前端的框架问题很多，不好说，拉下来按照步骤跑还是有问题，后端的东西拉下来基本都能跑，而且改起来也快。
@vipfts 给的，但是不能太贵了，我需求真的简单，感觉大佬一下午就能搞完。
@mixuxin 我搜索看看，能截图生产这么强的吗。
@AlexHsu 能学习多点好事情，但是学起来很痛苦就烦恼了，后端我只考虑接口，响应设计好，其他就剩优化了。前端页面真的让我难受了。
@eraserrain 我搜索看看。

[jaycezhang7890]

可私，昵称去 0 就能搜到 v ，小偿乃至无偿

[PaulSamuelson]

前端对于后端来说，写 js ，react ，vue 都不是事儿。
主要是那个 CSS ，这玩意是上古用来排报纸的，现在用来排网页，一些用法和定义，真的抽象。
例如：用 CSS 元素居中有 N 种写法。并且还分场景，很容易搞混，搞混就不起作用。 做 Flutter 后，整个人舒服多了。

[zb1141920796]

@pckillers 原来就是你小子给我挖的坑。。。我现在就是被老板这么搞的，难受的一批，之前后端瞎写的，改不动了，现在让我重构，妈的，比吃了屎还难受

[lasuar]

极客教程： https://github.com/it-ebooks-0/geektime-books/blob/master/07-重学前端.epub

在线阅读器： https://app.flowoss.com/zh-CN

[winglight2016]

我也是后端，但是做自己的项目需要写前端，几年前用过 reactjs 还开发过 react-native ，但是现在发现 html+css+js 足矣，用什么 echart 啊，原生 chart 又不是不能用┑(￣Д ￣)┍

重点是 html+css+js 对于 AI 更容易理解和生成，错了也很具体，要用框架去做，还得先 build ，报了错很难找对位置。

[james122333]

前端是现在工具链乱成一团 基本上不太好用
很多框架都喜欢写的不容易追蹤到底层 更甚者压缩代码一行流 内部写 html 更是邪了 分界并不明显 并不是那么容易看出问题
js 除了非同步不太直观其实本身还可以
但用其它语言写也都可以 不外乎就是有人写出来既有的 components 组件化不用自己造轮子
但有观念爱写什么就写什么

[default996]

@kapaseker 现在有 ai ，css 已经简单很多了，都是直接让 ai 给写个 css 代码，感觉 OK 了就复制进项目里

[renpiaoyang]

哎，后台也难搞，最近被逼着和后台一起用 nestjs 写后台，

[jsq2627]

有没有设计感和会不会 css 无关。css 只是工具，要做出有设计感的页面，你自己本身要有一定的审美水平。

[zdw189803631]

我是前端，我连建表都不会

[Obj9527]

还是需要系统学习，不了解底层原理、执行流程、生命周期，写起来就是一头雾水，遇到问题也无法解决

[lizy0329]

啥啊，打开 VScode ，按 ! 号，tab ，放个 jquery + bootstrap cdn 链接，保存！开始你的前端之旅

[layxy]

前端最难的就是 css,尽量使用现成的 ui 框架吧,基本能够满足后台需求了,至于面向客户的前端自定义页面,就只能琢磨 css 了

[pigf]

前端这活真不是人干的，让后端去写前端还不如杀了他

[lee122929]

坑还是得自己踩

[ychost]

现在前端的核心就是一个状态管理，尤其写 Admin 等界面

[star2024]

搞后端的人去搞前端确实会比较难受。

[gl3081]

同后端，前两天刚用 https://github.com/appsmithorg/appsmith 搞了一个 admin

[IndieYe]

有 ai 帮你写代码了，还需要模板吗？
模板提供的是死代码，ai 则是按需定制代码。

[cnliangwei]

@kapaseker 对头，多看多临摹就慢慢不惧怕了

[goldensmithereen]

还好你没搞客户端，搞客户端，代码 down 下来，跑都未必跑得动，环境都得折腾半天。

[importmeta]

缺一个系统性的前端入门教程, 可惜这样的教程少之又少, 功力不够写不出来.

[janus77]

客户端不说话的已经死了，前端好歹能半死苟着

[zerotozero]

学习指南
其他行业：初级，中级，高级，大师
前端：初级，初级，初级，初级

[YaakovZiv]

现在就是草台班子有点多。我这边跨部门的领导还说，安排一个新人自学三个月，给客户做大模型优化，不知道说啥好。三个月的时间，新人连基础知识都未必能认全。

[kapaseker]

@default996 老手可以，因为老手知道怎么回事儿，只是通过 AI 给个思路。他这新手这么做，学个半吊子，后面维护哪哪儿都看不懂

[censujiang]

我还以为你说前端就业艰难。。。

[WJYuan]

任意选一个先入门 https://web.dev/learn?hl=zh-cn
https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web

[v2wp]

AI 写代码就是，同一个需求代码前 1-3 次连续询问可以，出 bug 之后问得越多 错得越多，最好是每次提问想得全面点，精进提问，一次性得到 90%满意度的回答相对来说好一点。

[llsquaer]

我也是 这两天 折腾 vue 然后照着改。。改着改着发现我就像是在搞逆向一样。js 语法太灵活了。特别是匿名函数写在参数位置看的头晕。