Frontend现在怎么这么卷?
前端圈最近有点魔幻
说实话,前端开发这些年一直挺能折腾的。但最近感觉已经不只是折腾了——简直是十项全能选手同时上场,场地还在不断变形。
上周跟一个老朋友聊天(当然,是线上那种),她从 jQuery 时代就开始写前端了。她说了句话,我到现在还在琢磨:
"现在前端生态既像在往里塌缩,又像在往外爆炸。"
妈的,太精准了。
那些老炮儿怎么都安静了?
有个现象我觉得挺值得说一嘴。
当年那些写文章被我们收藏、做演讲让我们恍然大悟的前端大佬们,现在要么低调了,要么直接换赛道了。有的去搞 AI 了,有的彻底转行了,有的就只是……累了。
这不是批评啊。天天追着前端这个跑步机跑,真的会虚脱。每年都有新框架、新范式、新"这个骚操作将改变一切"的噱头。认知负担是真的, burnout 也是真的。
然后 AI 来插话了
另一边,AI 编程助手这两年是真的火起来了。不得不承认,确实有两把刷子——能搭建项目、能解释代码、能 debug、生成组件那叫一个快。对于很多新手开发者来说,简直是救命稻草。
但问题来了:AI 很会写代码。不太会教你为什么这么写,更不会告诉你出问题了怎么办。
浏览器底层是怎么回事、CSS 的渲染流水线、页面到底是咋被"画"到屏幕上的——这些知识 AI 能帮你一把,但替代不了。至少现在还不行。
为什么基础功还是得练
最近我重新研究了一下 CSS 性能问题——具体来说,浏览器怎么处理样式重计算。
这玩意儿平时觉得又偏又冷,直到哪天你网站卡了、动画抖了、不知道为什么慢了——瞬间就觉得它无比重要。
研究下来我发现:浏览器渲染这块真的挺有意思的。你一旦搞懂了样式引擎的原理——选择器怎么匹配的、级联怎么流的、什么会触发 layout 触发 paint 触发 composite——很多之前看着玄学的性能问题,突然就清晰了。
问题是,这种知识现在越来越稀缺。不是因为难学,而是生态一直在推各种炫酷的抽象层,把这些细节都藏起来了。平时没问题,一旦翻车你就得掀开盖子看看里面。
说点实在的
我不是来劝你放弃框架或者去手写 WebGL 的。没意义。
但我觉得偶尔从抽象层里往外看一眼,搞清楚底层到底在干嘛,还是挺值的。
几个实际的建议:
把 DevTools 用烂。 Performance 面板、Layers 面板、渲染设置——这些工具存在就是为了帮你理解浏览器在干嘛。别浪费。
偶尔看看源码。 不是让你去读 Chromium 整个代码库啊,就是看看浏览器工程师写的博客、Chrome 团队的科普文、规范讨论区。比想象中好懂。
装库之前先问个为什么。 准备装那个动画库或者 CSS-in-JS 方案之前,先想想它到底解决什么问题,代价值不值。
别让 AI 把你变懒。 AI 工具确实提升效率,但得确保你还在动脑子、还在质疑、还在建立真正的理解。Copilot 能写代码,但它没法给你那些半夜两点 debug 奇葩边界 case 攒出来的经验。
往大了看
前端生态现在正处于一个转型期。AI 在改变我们写代码的方式。老司机们在交棒(或者至少暂时放下了)。新范式正在冒出来,我们都还没完全搞懂。
说实话,这其实挺让人兴奋的,虽然有时候感觉不到。转型期意味着机会。能同时玩转新工具和老经验的人——能享受 AI 带来的效率红利,同时还能搞清楚自己代码到底在干嘛——这种人以后会很吃香。
所以是的,地盘确实在变。那个"小行星撞地球"的比喻用烂了,但——小行星其实也带来了月球,恐龙可没机会看到后面发生的事。
保持好奇,继续写代码。找个下午读读浏览器到底是怎么渲染 CSS 的。你的未来(和你的用户)会感谢你的。
你对现在前端开发现状怎么看?感觉到变化了,还是就我一个人在这儿瞎焦虑?评论区聊聊——每条都看。