news 2026/3/9 18:20:37

JavaScript 框架时代即将结束——编译器时代已经开始

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
JavaScript 框架时代即将结束——编译器时代已经开始

我有一支技术全面、经验丰富的小型团队,专注高效交付中等规模外包项目,有需要外包项目的可以联系我

我知道哪里不对劲,是在那天——我把一半 JavaScript 删掉之后,应用在生产环境里反而跑得更顺。

没有重构。 没有重写。 更没有“架构升级”。

只是删除。

页面更快了,服务器 CPU 掉下来了,某些 bug 还很识趣地自己消失了。

我什么“新东西”都没加。 我只是把复杂度拿走了。

那一刻,幻觉裂开了。

我们不是在进入一个新的框架时代。 我们是在离开一个时代。 悄悄地、别扭地、并且对很多靠它吃饭的人来说——有点痛。

这不是一篇“反 React”文章

如果你读到这里开始防御,请先停一秒。你会这样很正常。

React、Vue、Angular、Svelte、Solid……这些工具在它们出现的那个时间点,确实解决了真实问题。

它们把我们从 jQuery 的泥潭里拽出来,给混乱装上结构,让大团队协作成为可能。它们教会了一代开发者如何用组件、数据流、可预测状态来思考。

没有它们,很多我们今天离不开的产品,根本不可能按期上线。

那个曾经很美、现在开始不对劲的承诺

框架卖给我们的,是一个梦:

  • 写一次,到处跑

  • 组件大于页面

  • 状态大于文档

  • JSON 大于 HTML

  • 客户端逻辑大于服务端逻辑

听起来很现代。 用起来很强大。

但你看看我们最后真正构建出来的是什么。

今天一个“典型”的生产栈,经常长这样:

  • 交互前要加载 300KB 到 1MB 的 JavaScript

  • 多重构建步骤

  • 某些只会在周二发生的 hydration 错误

  • 性能预算在会议里讲半小时,却不在代码里被解决

  • 团队成员不敢动文件,因为 build graph 脆得像玻璃

  • 我们不仅仅是在加抽象

  • 我们是在交“运行时税”

肮脏的小秘密:大多数应用,其实就是文档

说句大实话:你的应用大概率属于这些:

绝大多数线上应用都有熟悉的形态:仪表盘用来汇总数字,不是做实时模拟;后台管理用来管理数据,不是炫技动画;CRUD 页面一天天安静地创建、读取、更新、删除记录;报表需要被快速浏览、导出、打印,而不是被“沉浸式交互”打断;设置页追求正确性,不追求花活;表单要的是可靠,不是聪明。

这就是我们真正交付的软件现实。

不是游戏。 不是 Figma。 也不是 Google Docs。

它们是文档。 是带按钮、筛选、分页的文档。

但我们却一直把它们当“游戏引擎”在交付,付出性能成本,换来用户根本没要求过的互动。

JavaScript 从来不是问题

JavaScript 没有在死亡。

“运行时的 JavaScript 膨胀”才是在拖垮我们。

问题不在语言本身。 问题在工作发生的位置。

过去十年,我们把几乎所有事都推到了浏览器:

  • 路由

  • 拉数据

  • 渲染

  • 校验

  • 权限逻辑

  • 特性开关(feature flags)

浏览器变成了第二台服务器。

然后我们反过来问:“为什么性能会变差?”

编译器时代的思路不一样

新一代工具会问一个简单到刺人的问题:

如果能更早决定,为什么要等到运行时才做?

“更早”指的是:

  • 构建时

  • 请求时

  • 编译时

  • 边缘节点(Edge)时

  • 但不是:用户的时间

这是核心的心智切换:

从“会运行的框架”。 到“会把自己抹掉的编译器”。

编译器时代长什么样?

第一眼看上去,它甚至有点无聊。

这恰恰是重点。

HTML 回到中心位置

不是 JSX 假装自己是 HTML。 而是:真正的 HTML。

<form method="post" action="/login"> <input name="email" /> <input name="password" type="password" /> <button>Sign in</button> </form>

没有 state hook。 没有客户端路由。 没有 hydration。

只有一个文档。

服务器再次发送“完成品页面”

服务器知道什么?

  • 用户是谁

  • 权限是什么

  • 数据是什么

  • 布局是什么

所以它把页面渲染好。

不是发 JSON。 而是发 HTML。

app.get("/dashboard", async (req, res) => { const data = await getStats(req.user.id) res.send(renderDashboard(data)) })

简单。 可预测。 可缓存。

JavaScript 变成“增强”,不再是“必需品”

需要 JS 的时候,它也很小。

<button hx-post="/refresh" hx-target="#stats"> Refresh </button>

没有全局 store。 没有客户端路由。 没有 bundler 杂技。

浏览器回归它最擅长的事:

请求文档。 替换片段。

一个真的能扩展的架构

不花哨。 但诚实。

[ Browser ] | | HTTP request v [ Server ] | | SQL v [ Database ]

没有“客户端状态镜像”。 没有“为了跟自己说话而搭 API 网关”。 没有 hydration mismatch。

流量上来,你扩服务器。 复杂度上来,你加模块。

不是加框架。

构建步骤正在变小

这也是一个很安静、但很要命的变化。

以前我们是在“构建应用”。 现在我们是在“把行为编译掉”。

现代编译器/偏服务端优先的工具,越来越擅长做这些事:

  • 删除没用的代码

  • 内联常量

  • 预计算路由

  • 在不需要时剥离客户端逻辑

最好的代码,是永远不会被发到用户浏览器里的代码。

那些没人拿来做演讲的指标

这些数字上不了大会 PPT,但它们决定你周末能不能睡个好觉。

我在真实生产环境见过的变化:

  • JavaScript payload 从 420KB 降到 38KB

  • TTFB 提升 3 倍

  • hydration 消失后,错误率下降

  • 新人 onboarding 时间砍半

  • 没有炫酷动画演示

  • 只有更少事故

为什么这让人不舒服

框架给了很多开发者身份。

你是 React 开发者。 你是 Vue 开发者。 你是前端架构师。

编译器时代不太在乎这些标签。

它只问:

  • 浏览器本来就能做吗?

  • 服务器本来就能决定吗?

  • 编译器能把它删掉吗?

它奖励的是基本功,而不是 API 背诵。

这对那些把“复杂度”当成地位的人来说,会很可怕。

这也是为什么,没人会高调宣布它

不会有“框架已死”的发布会。 不会有“时代交接”的 Keynote。

因为这个转向,不好卖课。

它长得像这样:

  • 更少 JavaScript

  • 更少文件

  • 更小 diff

  • 更无聊的 commit

  • 更稳定的系统

没人给无聊鼓掌。

但用户会悄悄留下。

你接下来该做什么

不是重写一切。

请先做这些:

  • 在加更多 JS 前,先删 JS

  • 每做一个功能,先问:它为什么一定要在客户端?

  • 优先 HTML,而不是 JSON

  • 让服务器把活干完

  • 把 JavaScript 当调味料,不要当主菜

你一开始会觉得自己变慢了。 然后你会变得更平静。 最后你会更快。

未来不闪耀,未来很耐用

未来的软件会:

  • 秒开

  • 少坏

  • 好推理

  • 能扛新人加入

  • 越老越稳

框架帮我们长大。 编译器教我们克制。

JavaScript 框架时代不会爆炸,它只会褪色。

如果你足够敏感,你已经能听到那种“安静”。

那份安静是性能。 那份安静是可靠性。 那份安静是工具终于学会——别挡路。

全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。

最后:

CSS终极指南

Vue 设计模式实战指南

20个前端开发者必备的响应式布局

深入React:从基础到最佳实践完整攻略

python 技巧精讲

React Hook 深入浅出

CSS技巧与案例详解

vue2与vue3技巧合集

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/4 9:53:32

Miniconda-Python3.9镜像集成常用AI工具链

Miniconda-Python3.9 镜像集成常用 AI 工具链 在现代 AI 开发中&#xff0c;一个常见的痛点是&#xff1a;明明本地跑通的模型&#xff0c;换台机器却因为“某个包版本不对”而报错。这种“在我机器上能跑”的尴尬局面&#xff0c;本质上源于开发环境缺乏标准化与可复现性。尤其…

作者头像 李华
网站建设 2026/3/5 12:49:15

Webhook自动化部署实战:3天从零搭建智能触发器系统

Webhook自动化部署实战&#xff1a;3天从零搭建智能触发器系统 【免费下载链接】webhook webhook is a lightweight incoming webhook server to run shell commands 项目地址: https://gitcode.com/gh_mirrors/we/webhook 还在为每次代码更新都要手动登录服务器、执行繁…

作者头像 李华
网站建设 2026/3/2 4:32:46

FanFicFare:从网页到电子书的智能转换专家

FanFicFare&#xff1a;从网页到电子书的智能转换专家 【免费下载链接】FanFicFare FanFicFare is a tool for making eBooks from stories on fanfiction and other web sites. 项目地址: https://gitcode.com/gh_mirrors/fa/FanFicFare 还在为收藏喜爱的同人小说而烦恼…

作者头像 李华
网站建设 2026/3/9 17:52:44

终极指南:如何用DeepLabCut实现AI姿势识别与动物行为分析

终极指南&#xff1a;如何用DeepLabCut实现AI姿势识别与动物行为分析 【免费下载链接】DeepLabCut Official implementation of DeepLabCut: Markerless pose estimation of user-defined features with deep learning for all animals incl. humans 项目地址: https://gitco…

作者头像 李华
网站建设 2026/3/7 18:21:33

你以为的职业危机是 35 岁?

点击关注公众号&#xff0c;Java 干货及时推送↓推荐阅读&#xff1a;今年后端行情真不错。。大家好&#xff0c;我是R哥。2025 年都快过完咯&#xff0c;今天咱不讲技术&#xff0c;讲点人话。你以为的职业危机是 35 岁&#xff1f;事实上很多人 25 岁就开始躺平了……应一些正…

作者头像 李华
网站建设 2026/3/7 16:46:10

AD16终极元件封装合集:5分钟提升PCB设计效率

AD16终极元件封装合集&#xff1a;5分钟提升PCB设计效率 【免费下载链接】AD16最全封装库自用 本仓库提供了一个名为“AD16最全封装库&#xff08;自用&#xff09;.rar”的资源文件下载。该文件包含了各种CPU、存储器、电源芯片、几乎所有接口&#xff08;如DB9、DB15、RJ45、…

作者头像 李华