Web 开发领域始终在不断演进,过去一年也不例外。我们知道,你忙于迭代和发布新功能,难以时刻关注行业的所有动态。
幸运的是,Netlify 汇聚了一群热衷于打造更优质 Web 体验的技术爱好者。我们的框架工程团队始终紧跟技术趋势,并认真记录行业动态(你绝对不会想知道我们加入了多少个 Discord 服务器)。正因如此,我们才能为 Next.js 15、Svelte 5、Angular 18、Astro 5 ,甚至 Nuxt 4 提供预发布支持的关键所在。那么,为什么不把这些技术洞见分享给开发者社区呢?
继续阅读,了解过去一年的技术趋势与意外变化,速览前端框架的重要更新(涵盖十余项重大版本发布及多款新兴框架),并掌握未来的发展方向,助你始终站在技术前沿。
Next.js 的 Server Actions 在跨越浏览器与服务器的鸿沟时,提供了类似 tRPC 的开发体验:从浏览器调用服务器上的函数时,框架会在底层将其转换为发送给服务器的 fetch 请求,并提供完整的类型安全。
早期,有 SSG (Static Site Generation,静态网站生成)和 SSR (Server-Side Rendering,服务器端渲染)。近年来,许多框架开始支持混合模式,允许部分路由进行预渲染(或静态渲染),而其则动态渲染。Next.js 的 App Router 甚至可以基于启发式规则自动实现这一功能。
最近,框架在此基础上进一步发展,允许页面的某些部分进行预渲染(Static Shell,静态外壳),而其余部分则在服务器上动态渲染。React 通过 Suspense 和 Streaming SSR 推广了这一模式,但直到最近,元框架(meta-framework)才开始全面实现这一特性:Remix 自 2023 年起便已支持,而 Next.js 则在同年首次宣布对所谓的部必博官方网站分预渲染“Partial Prerendering (PPR) ”提供实验性支持。
为实现浏览器中的交互性,同时避免让开发者手动管理所有状态(例如 jQuery)或在每次变更时重新渲染整个页面,框架必须追踪网页 UI 和数据中所有变量间复杂的依赖关系网络。这通常被称为框架的“响应式”(reactivity)模型。
框架的响应式模型是各框架独特性的核心之一。它体现在语法规则和约束中,塑造开发者的思维方式,决定了性能的优劣,也是常见的 Bug 来源!以 React 为例,你可能已经熟悉 React 的响应式模型:Hooks(2018 年 React 16.8 引入)及更早的 shouldComponentUpdate 方法。
Astro 是一个相对较新的前端框架,近期备受关注(在最新发布的 State of JS 2024 报告中,Astro 在兴趣度、留存率和用户满意度三项指标中均位列第一)。
虽然 Astro 仍然坚守其内容驱动型网站轻量级框架的定位,但在 2024 年添加了多个关键功能,以回应部分批评:
Vite 是一款功能齐全的打包工具、编译器和开发服务器,专为 Web 开发设计。
2024 年,它成为 Web 开发者的首选工具,无论是 React、Vue、Svelte,甚至是无框架开发,Vite 都备受青睐。凭借其在性能、开箱即用功能和极高可配置性方面的优势,在短短几年内迅速崛起。
Vite 还是 Astro、Nuxt 和 SvelteKit 等元框架的底层构建工具—— 事实上,这种双重性正是 Vite 成功的一个重要原因。
用 Rust 编写新编译器和打包工具的多项工作正在进行中,并在 2024 年取得了显著进展:
在 2024 年,Next.js 15、React Router 7、Astro 5、Nuxt 4 和 Svelte 5 都提供了官方(甚至是内置)的升级工具(代码迁移工具)。大多数工具依托平台开发并发布的,极大简化了代码迁移的过程。
过去,要么推迟痛苦的升级,要么选择早期不稳定版本。如今,许多框架都采用了 “未来标志(Future Flags)” 模式,不稳定的新功能和重大更改作为可选配置发布,可以根据需求选择性启用,而无需等待下一个大版本。著名的例子包括 Astro 的实验性标志、 Remix 的未来标志 和 Angular 的实验性提供者等。
一些框架(如 Nuxt)将这种方法的优势发挥到了极致 —— 你可以将 compatibilityVersion 设置为 4 , 在 Nuxt 3 中选择启用 Nuxt 4,这实际上只是切换了十几个特性和重大更改。一旦 Nuxt 4 发布,这些切换将成为默认设置。
尽管 TypeScript 占据主导地位多年,但在 Web 框架中仍有一个小而重要的领域没有完全类型支持:路由参数、查询参数以及基于文件的路由间交叉引用。
在 2024 年,我们看到新兴框架 TanStack Start 采用了全新的方法解决这一问题,它为基于文件的路由提供了 100% 的端到端类型安全,其中大部分类型甚至可以自动推导。另一方面,Remix 的继任者 React Router 7 放弃了完全基于文件的路由,并引入了类型生成步骤,以实现类似的效果。与此同时, Next.js、Nuxt 和 Qwik 也在开发各自的解决方案。
正如上述所有动向所表明的,前端框架的发展节奏依然迅猛,这很大程度上归功于新兴框架的创新与推动。以下是 2024 年值得关注的一些框架,或许能成为你 2025 年的研究项目:
美国商务部4月30日公布最新数据显示,2025年第一季度美国国内生产总值(GDP)环比按年率计算萎缩0.3%。2024年第四季度,美国GDP环比按年率计算增长2.4%。这一数据的糟糕程度超出市场预期,凸显美国政府关税政策引发的不确定性持续上升,并导致企业与消费者信心下滑。
父亲与小33岁已故儿子女友再婚,新婚妻子:不想要财产,结婚是为了防止老人被送至养老院
近日,佛山顺德86岁的标叔,与已故儿子的女朋友——小33岁的王女士登记结婚,引发女儿覃女士不满,覃女士多次来到父亲居住的房屋,做出撬必博官方网站门、砸锁、剪电线等一系列破坏行为。
以色列因耶路撒冷山火进入“国家紧急状态”,巴勒斯坦民权机构提出协助灭火
来源:@CCTV国际时讯 耶路撒冷郊区4月30日发生较大规模山火,多个社区的居民被疏散。有社交媒体视频显示,火势发展迅速,浓烟滚滚,从耶路撒冷通往以色列中部特拉维夫的1号公路部分路段被警方封锁,不少司机弃车逃生。以色列国防部长卡茨当天宣布所谓“国家紧急状态”。
据经济观察报,肖飞在采访中回应与其相关的争端看法:“我和某护士长、某规培住院医师是存在私生活的问题,但是网络上指控我跟其他的人发生了关系,我是一概否认的,这没有任何实据,给其他女士造成了很多困扰,我非常抱歉。”
专门解决膝盖、颈椎等出现的问题。有电商平台数据显示。在某平台旗舰店已经销售10万件以上。发稿前,记者在短视频平台搜索相关视频已不存在,但在赵先生给记者发来的留存视频中,仍可以看到商家是如何宣传的。
比亚迪汉L,我要买哪款 #懂车帝独家片场 兄弟们,完整版可以去懂车帝搜索二挡选车看哈。