都说前端被 AI 干死了，这几天抽空学了一下，前端也很难学，很多复杂的框架和概念......

[fushall]

简单的 html 和 js 和 css 以前也接触过一些， 算是有一点基础，

包括 vue 和 react 语法也很容易理解，

难就难在工程化那些东西。。。

额的个神啊，

typescript ，nodejs ，vite ，nextjs ，npm ，nvm 等等， 学起来也是头痛

---

哎，一点点学吧，打算往全栈方向发展了，不然自己铁定扛不过 35 岁

[perbugwei]

你以为全栈能扛过 35 么

[crysislinux]

这些东西真学也要不了多久，永远有比你年轻能干的，这才是问题。

[angrylid]

你说的那些不都是开箱即用的嘛
前端麻烦的地方是各种兼容和适配
iOS Safari 兼容问题，不同平台小程序差异问题，国际化（ RTL/LTR ），折叠屏 iPad 布局适配等等

[softlight]

为什么说前端很难， 难道是因为熟能生巧么， 感觉稍微看下教程就会用的

[bjfane]

跟着 vite 的教程 init 一个项目 ，然后就 run dev ，run build ，把 build 的产物发布到 nginx 等，学还是 vue react 本身的内容， 国内就 vue 多看，可能 remote 工作就 react ,工具链先会用够用就行。

[xhslyf]

我觉得前端单纯学这些框架、构建工具没啥前途，因为这些东西永远在更新，前端圈出了名的“轮子”多，学都学不完，楼主说往全栈方向发展还是有道理。

前端如果往工程化方面研究，走着走着就变成前后通吃，偏前一些，有些人走着走着甚至变成后端了。
如果往交互方面研究，又和交互设计师走的比较近。

[Kyouma1002]

AI coding 时代直接干中学了

[DonaldY]

你不会的东西都难。AI 时代，就是如何利用 AI 快速上手。

[humbass]

前端难的其实是 css ， 反而 js 看些基本语法，哪怕循环都用 for ，不用高阶的函数，都可以写点东西，

[iv8d]

入门容易，别人学的也更快，知识更迭也快，卷的快

[NightFlame]

@humbass 同意

[veightz]

相比于代码，我觉得更复杂的是各种意义上的环境
依赖库的环境，工具链的环境。。
我现在往往觉得，写业务代码是简单的， 修各种难评的脏乱差环境是巨大的时间和精力消耗

[gcgj72]

现在都大前端了吧 只会网页也不好使了

[hzzhzzdogee]

个人认为后端应该优先去了解前端的各种概念, 以及工程化实践.

[huaweii]

网页/混合前端，中间件和大部分后端都被 ai 薄纱。k8s 的一些配置和命令暂时还是 ai 辅助更多一些。客户端软件 ai 也是辅助为主。

[SGL]

我情绪上一直很抵触前端，这是我学前端的最大困难。

[tonytonychopper]

其实 AI 还是很难替代前端，自己真正写过一点复杂的项目就知道了 hh

[ffgrinder]

正好问个问题，如果 nextjs 的话，目前好用的权限管理的轮子是？ ai 感觉只能帮我实现功能，权限管理这些好像他也没什么方案（目前我用的是 Keycloak ）

[koor]

@humbass 实际上前端面试几乎不会考察 css

[Ithinksoiam]

你这里面 可以有取舍，没必要都学；单纯前端的话，ts 可先不学，就是语法增强性的 js 而已，可以用 js 代替； nodejs 跟 npm 是一组，nodejs 也可不用学习，除非你后端也用 js 提供 api 。npm 跟构建工具 vite 也只会用就行，没必要底层探究原理了，直接上 vue 就够了；单纯国内来讲的话 你要是会了后端 java 或者 golang ，前端只要会 vue 就足够了，后面再学学 uniapp 多端通用 其余的可以说 对你 35 岁职业规划作用不大，除非转专业前端，react 啥的都要学，不然的话 单纯全栈，上 vue 就够了；

[chengguang]

https://www.v2ex.com/t/1157528#reply0

[c3de3f21]

个人认为总体三个方面能堪堪概括一下（算法这种不记在其中了)

- 样式方面
- css 最佳实践，做的越多做的就越好越快(最近在用 tailwindcss ，很多人不接受，但是接不接受不一样得学吗)
- 动画（也是有好多库）
- 图表
- JS 框架
- NG,React,Vue,Astro,Solid 等等吧
- 概念都不同但是如果只用的话无非就是 怎么触发页面变更，怎么绑定事件/值，怎么切路由啥的
- 各种其他插件式的，都是浏览器中运行的
- 工程化
- 涉及到 Node 了比如打包的时候处理个文件啥的
- Vue 源码里还有 Compiler Ast 树啥的
- Rollup,Webpack,Esbuild 等等吧

但是有个贼有意思的同构(Nuxt/Nextjs)
就好像用 Sevlet + JSP +JSTL 或者 Spring + thymeleaf 就类似吧一套搞完的

[xiaoshan5733]

目前 AI 比较擅长的技术栈：nextjs 框架(react)+shadcn 组件库(tailwindcss)，typescript 不用学，报错了直接贴给 AI 解决。

[JoeDH]

@humbass #9 css 对后端来说真的是要命

[jsq2627]

前端干这么多年，觉得最难的还是在非标准环境下开发，例如 React Native ，以及各种受限的嵌入式环境，还有在别人的系统上做插件开发、二开。这种情况工具链不成熟，还要面对各种黑盒花大量时间做调试

[Desiree]

@perbugwei 到处散播年龄恐惧对你有什么好处？

[echo1937]

我接触过的全栈基本都不便宜，以单栈的价格招聘全栈的人员，要么人家不乐意来，要么招来的水平不够。

[bowencool]

@perbugwei #1 国外远程工作要求 Next.js 的很多

[catch]

ai 时代 随便来个初中生都能干全栈。 学点别的吧

[Dimen61]

这里首先要明确一下 op 学前端是为什么目的，如果只是为了做自己的项目，分享一下最近我用 ai coding 的经验：

自己全栈项目 mvp 大多都挺简单的，我直接让 ai 用纯 html + css + js 来写，不依靠框架，没有实现效果就针对性地让 ai 改，这样能非常大地减少自己接触和熟悉框架的认知成本。

本来框架的引入是为了复用代码，抽象逻辑，减少大家写过多的底层代码，但现在代码都可以让 ai 写了，引入框架为了减少写代码这个出发点就值得商榷了。

总结：手段要为目的服务，如果只是写简单的 mvp ，其实纯 html + css + js 来写就可以了，反正主要工作是和 ai 聊天。。

[HUZHUANGZHUANG]

再难学的东西只要有标准，都会被 AI 攻克。

[simondung]

不如精通 K8s 来得实在

[guiyumin]

@simondung 确实，k8s 确实不错

[youtubbbbb]

做过 coding agent 的都知道，LLM 现在对写 UI 还是非常不擅长（因为位置编码的存在，导致 LLM 对视觉距离的判断是失衡的）

[leokun]

前端最为恶心的地方就是开发一个 helloworld 页面 所需要了解的魔法实在太多，并且永远在变，所有人都热衷于制造概念、轮子、魔法
如果你想要简单，那就是安装 nvm(mac 下是 n)来管理 nodejs 的版本，然后只使用 vite ，不要使用 ts 、eslint 、prettier 、git hook 等干扰你的东西

[leokun]

现在在 github 上找一个启动项目，其配置文件数量远大于工程文件数量。例如 https://github.com/bootstrap-vue/bootstrap-vue ，简单来说就是配个🥚配

[lca261224]

@koor 好像会问很多关于 js 的部分的内容

[defaqman]

我认为并不是学会多难， 而是做出来创意， 或者优秀的作品才是难点，ai 虽然能够帮你做， 但是好的东西还是人来规划和指导。

[visper]

现在简单了，基本上上 vue 啊这些的时候，一个 vite 命令跟着就可以建好工程跑起来。最麻烦的是最开始 cli 工具不多，又需要用 webpack 那些很多配置的时候，需要知道好多概念。

[itxianyu]

只能说前端娱乐圈好似

[qzhai]

没有一个人觉得前端最重要的是用户体验么，css js 都是工具，框架是保证性能下限和兼容性的工具，包管理器是工程上方便开发的工具。