AI 并未杀死 Frontend,它把 Frontend 变成了 Perspective。

发布: (2025年12月17日 GMT+8 01:24)
5 min read
原文: Dev.to

Source: Dev.to

我从 React 刚推出时就开始使用它。那时候,前端意味着组件、属性以及让页面看起来正确。我们很开心,也很天真。

后来有一天,某人在喝啤酒时随口说:

“前端已经变成了一个变数。”

我的大脑响起了 Windows XP 关机的提示音。

当我刚开始编程时,他是《降世神通》里的阿凡达·安昂。我是佐助——写着可疑的 JavaScript,像上班一样发布 bug。典型的初级开发者能量。十年后,他把这句话抛出来,好像再显而易见。

插图:来自《降世神通》的佐助,象征初级开发者阶段,写着充满混乱能量的有 bug 的 JavaScript

前端从未 仅仅 UI

在某个时点,前端不再只关乎像素,而是关乎决策。

  • 我们展示哪些数据?
  • 何时去获取它们?
  • 当请求失败时会怎样?
  • 对真实用户来说,这种体验的感受速度如何?

这些既不是后端问题,也不是设计问题。它们是产品问题,由代码来回答。

后端仍然承担繁重的工作:数据、规则、保证。前端则是这些内容向用户呈现的地方。本博客始终关注这些部分如何协同,而不是站队。

前端位于用户、系统和业务目标交汇的地方。这迫使你以流程而非页面,以结果而非组件来思考。

迎接 AI(托尼·斯塔克时刻)

概念插图,展示 AI 作为智能助理提升开发者工作流,灵感来源于托尼·斯塔克的界面

AI 并没有取代我的前端技能。它主要是消除了摩擦。

  • 我可以更快地进行原型设计。
  • 更有信心地重构代码。
  • 更早捕获边缘情况。
  • 在写代码之前先思考架构——包括更早意识到某些功能可能更适合放在后端。

感觉它不像是自动补全,更像是有个人可以一起思考。正是在那一刻,前端不再是被动响应,而变得更有目的性。

从组件到流程

我不再以页面为思考单位,而是以流程为思考单位:

  • 认证流程
  • 加载状态
  • 错误恢复
  • 用户信任

了解一些后端让我在前端做得更好。仔细思考前端也让我的后端决策更清晰。AI 并没有抹去它们之间的界限,但确实让你更注意到它们的存在。

前端现在是一种视角

前端今天不再是只会使用某个框架。它在于理解决策如何在系统中产生连锁反应——数据库、API、网络、UI——以及这些对使用者的感受。

AI 并没有扼杀前端。它只是改变了你对前端的思考方式。一旦领悟,就很难再忽视。

下一层次:深入机器学习

展示从前端开发向机器学习探索转变的插图

最终,好奇心被激发。

如果前端是一种视角,AI 是一种放大器,那么下一步不仅仅是使用模型,而是要足够了解它们,知道它们到底在做什么。

这就是机器学习的用武之地——不是博士层面的理论,而是非常实用的、“我想解决什么问题?”的方式。

我使用 DistilBERT 训练并部署了一个小型情感分析模型,用来分析 Google Maps 评论,看看人们在真实环境中是如何表达观点的。

  • 它完美吗?不。
  • 它有用吗?也许。
  • 它有趣吗?绝对是。

这通常是一个不错的状态。

Back to Blog

相关文章

阅读更多 »

澳大利亚首选的Web技术栈

为什么在澳大利亚选择技术栈很重要 澳大利亚企业优先考虑质量、安全性和性能。网站被期望能够无缝运行...

React 使用计算器

今天我完成了一个使用 React 的练习项目——计算器。这个 React Calculator 应用程序执行基本的算术运算。它支持按钮…

React 入门

什么是 React?React 是一个用于构建用户界面的 JavaScript 库。它由 Facebook(Meta)开发,现在是开源的,广泛用于网页开发。