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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

不如精通 K8s 来得实在

@simondung 确实，k8s 确实不错

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

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

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

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

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

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

只能说前端娱乐圈好似