这个职业有新的已核实记录时通知我 → · 标出哪些任务是你的(VOLO Pro,免费)→ · 给一个团队或一届毕业生用 →
前端工程师
做人真正会碰到的那一层 —— 而留给他的,是一个生成出来的界面撑不过去的那些部分:真实设备、真实网络,以及「它必须对所有人都能用」这条法律要求。
挑你们产品里的一个界面,列出它可能处于的每一种状态。然后去代码里数一数,其中有几种真的实现了。
这不是失业概率。它把「岗位任务中有多少暴露于自动化」与「采用实际走到了哪一步」合成为一个值 —— 只用于在同一套口径下横向比较职业,除此之外不作他用。
适用于做 Web 与 App 界面的工程师。它按「你负责哪一层」切,而不是按资历 —— 初级程序员与中高级软件工程师那两页是按资历切的,一个资深前端同时落在两边。设计本身是另一个职业;原生移动端与游戏情况不同。
到底什么在变#
分析单位是任务,不是职位名称。职业不会被整体替代 —— 变的是它的任务构成。
每一格是一项任务。大小是它在这份工作里的分量,颜色是它正在往哪个方向走。点一格,看这个判断还不能说明什么。
能渲染出来的界面不等于能发出去的界面。它不说明产物是否可维护、是否符合已有的设计体系,也不说明它在没人画过的那些状态下会怎样 —— 空数据、加载中、出错、加载了一半的列表。
这是一条关于「工作落在哪儿」的判断,不是对它的测量。团队并不会去统计自己前端代码里有多少是边界情况处理,所以没有一个数字可以拿来核这句话;而一个营销页和一个交易界面之间,这个比例差得极远。
一国政府的标准要求它自己的服务做这种测试;这里没有任何东西说明在别处要花多少时间,或团队到底做没做 —— 大量上线的前端工作从未得到这种关注,而工具存在不等于有人运行过。
一个监管机构的执法行动列出了依赖自动化覆盖层的网站上仍然存在的障碍,但没有点名网站;能进一步定下这件事的,是一次点名具体界面及其问题的执法行动。要求因市场而异,也因产品是否面向消费者而异。
这就是你做的吗?认一下,这一页会缩到只剩与你有关的那一份。
职位名只是一组恰好被打包买走的任务,而没有两个人手里的那一组是一样的。什么都不会被发送出去 —— 它只留在这个浏览器里。
近期变化#
一项美国联邦规则,依据《美国残疾人法》第二章约束州和地方政府。2024 年的规则要求它们的网页内容和移动应用达到 WCAG 2.1 AA;这项临时最终规则自 2026 年 4 月 20 日起生效,把人口 5 万及以上的实体的合规期限延至 2027 年 4 月 26 日,更小的实体和特别区延至 2028 年 4 月 26 日。司法部在说明理由时写道,生成式 AI 等先进技术还不能大规模可靠地自动修复无障碍问题;公共实体越不能依靠技术让内容无障碍,就越需要依靠人工。这是司法部的理由说明,不是具有约束力的要求,而且讲的是修复已有内容,不是构建新界面;这项规则约束的是政府,不是私营公司。
失败、撤回、监管或成本正在抑制采用。可以下调评估,或扩大不确定区间。
这份文件确立的是「计量」,不是「计量的效果」。Figma 说明:2025 年在所有席位上引入 AI 额度,2026 年 3 月开始强制执行上限,超出部分按月加购或按量计费;文件给的是月份,没有具体日期。它没有给出 Figma Make 或 Dev Mode 的任何使用量。它只说,上限开始执行之后,客服请求增多,出现了一些公开的不满,部分客户的使用量下降,但没有给出下降了多少。Figma 卖的就是这些席位,对定价改动的表述方式有利害关系 —— 但这里记下的事实(把设计变成界面这件事现在要按额度计费,而不是席位内包含)写在一份夸大要担责的申报文件里。它说不了别家厂商的工具,也说不了公司自建的流水线。
失败、撤回、监管或成本正在抑制采用。可以下调评估,或扩大不确定区间。
英国中央政府构建公共数字服务的标准。服务如果使用 AI,必须向用户说清楚这会怎样影响他们的数据以及他们得到的结果或信息;如果使用 AI 聊天机器人,必须确保用户明白回答不是人给的、可能不准确,并知道怎样联系到一个人。页面还说,服务应做好在必要时停用 AI 的准备。它约束的是英国中央政府的服务团队,不是私营公司;它规定的是界面必须传达什么,不是团队怎样构建。
失败、撤回、监管或成本正在抑制采用。可以下调评估,或扩大不确定区间。
美国消费者保护监管机构对一家公司的起诉:该公司出售一款 AI 驱动的小插件,声称能让任何网站符合《网页内容无障碍指南》;此案以最终裁定和解,要求支付 100 万美元,并禁止在没有证据的情况下作此类声称。起诉书写明,据无障碍专家所言,没有任何自动化测试工具能单独判断网站是否达到无障碍标准,必须人工测试;并列出了使用该产品的网站上仍然存在的障碍:缺少焦点指示、表单和菜单里的键盘陷阱、缺失或错误的替代文字、错误的标题层级。这是一宗以同意令和解的虚假广告案,专家那句话引用的是外部专家,受影响的网站没有点名。
失败、撤回、监管或成本正在抑制采用。可以下调评估,或扩大不确定区间。
一家公司自己的代码库,由这家公司自己发布,而「人工要一年半」这个估算也由同一家公司给出,从外部无法核验。让这个结果可复现的是它的机制,而这一点文章写得很完整:整个迁移是一台状态机,每一步都有自动裁判 —— jest、eslint、tsc 说通过或不通过 —— 所以模型可以在无人盯着的情况下反复重试,首次批量运行四小时清掉了 75% 的文件。更有用的是剩下那条尾巴:再调四天到 97%;尾部的许多文件已经被重试过 50 到 100 次,最后的 3% 由人手工改完。文章还明确写道,主要的成功因素是「挑对放进提示里的相关文件」—— 提示最终涨到四万到十万 token、最多带进五十个文件 —— 而不是把提示词写得多好。它没有报告任何人数、招聘或岗位的变化,也没有这样主张。
企业已正式投入使用。可以改变基线,但要结合规模与场景相似度加权。
英国中央政府构建公共数字服务的标准。所有政府服务都必须遵循渐进增强 —— 先让页面在 HTML 下可用,再加 CSS 和 JavaScript —— 即使服务的某部分需要 JavaScript。为了让 JavaScript 在各种浏览器里可用,页面列出了特性检测、polyfill 和转译、使用自动化测试或代码检查工具,以及定期做人工测试,包括用较旧或性能较低的设备测试。它约束的是英国中央政府的服务团队;它是工作必须怎样做的标准,不是对其中有多少已自动化的测量。
失败、撤回、监管或成本正在抑制采用。可以下调评估,或扩大不确定区间。
这对你意味着什么#
你过去最可能被招进来先做的那件事 —— 把设计稿变成界面 —— 正是这里暴露度最高的一项。这一点值得在你花一年把它练快之前就知道。撑得住的是「没有人画过的那些状态」和「它必须对所有人都能用」,而这两样都不是靠做作品集页面学会的。
你的杠杆已经从「产出界面」挪到了「约束界面」:设计体系、状态、性能预算、可访问性义务。那是更不显眼的工作,也更难放进作品集 —— 这在你下次换工作时是个真实的问题。从现在开始记录你拒绝过什么、为什么拒绝。
你的选择#
四个方向,每个都写明真实约束和一个本周可验证的动作。继续做下去也是正当选择 —— 只要它是被选择的,而不是被默认的。
把约束层接过来
当界面变便宜,稀缺的是那个让产品保持一致的人 —— 组件库、状态、性能预算。
这是显示度很低、很容易被当成理所当然的工作,而且需要团队大到「一致性」这件事有意义。
挑你们产品里的一个界面,列出它可能处于的每一种状态。然后去代码里数一数,其中有几种真的实现了。
成为能证明「它可用」的那个人
在若干市场里它正在从良好实践变成义务,而一项义务需要一个具名的人能够证明合规,而不是声称合规。
要求你学会用辅助技术去测,而不是用检查器去测 —— 大多数工程师从来没做过这件事。
打开读屏软件,在不看屏幕的情况下,把你们自己产品里的一个流程走完。把你卡住的地方记下来。
往产品决定那一侧走
前端工程师比几乎任何人都更直接地看见用户到底做了什么,而那种观察正是产品工作的原材料。
要求你放弃「最懂这份代码的人」这个位置,并学会用数字而不是用品味去争论。
找一个你做过、但没人用的功能,去弄清楚为什么。答案几乎从来不是团队原本以为的那个。
常见问题#
这里给任何一个数字都不诚实,而这个问题更该逐项去问。「从设计稿产出一个界面」在很大程度上已经由机器完成;「数据缺失时这个界面该怎么办」不是,「为一个用读屏软件的人能不能用这件事答复」也不是。一个你自己就能核对的信号:你上个月有多少时间花在敲标记上、有多少花在决定行为上。如果主要是前者,那暴露是真的,而该走的方向是后者。
在它最显眼的那项任务上,是的 —— 而原因是机械的,不是对难度的评价:输入是视觉的、输出是文本、对不对看一眼就知道、训练数据就是整个公开的网。但一个真实前端代码库的大部分并不是那项任务 —— 而是没人画过的状态、没人测过的设备,以及让一个不断变大的产品保持一致的那些约束。显眼的那一半暴露,不等于这份工作暴露。
「面铺得更宽」本身不是保护,这个框架本身值得丢掉。两个都不深的方向,比一个很深的方向更容易被替代;真正保护你的是「成为判断被采纳的那个人」,而判断是分领域的。如果你要跨过去,为一个理由跨 —— 状态和数据模型确实是连着的,而两边都懂会让你在边界上更强,而大多数 bug 就住在边界上。
它仍然是被要求的,而它正在变成一个更弱的信号 —— 原因和这一页第一项任务是同一个:看的人现在知道做出一个好看的界面要花多少代价。没有变弱的是判断力的证据:一个你删掉的组件和删它的理由、一个没人写过规格而你处理了的状态、一次你顶住压力守住的性能预算。这些更难攒,也明显更难被生成。
还在读书、想往这个方向走?
这些专业能通到这里。它们的页面会拆解:哪些能力真的用得上、毕业生普遍缺什么。
这些判断底下是什么#
这一页上 6 条任务判断里,5 条有已核实事件支撑、1 条是平台推断,每一条都在它出现的地方标注着。它们底下是 2 个技术维度、一条自语言模型进入公众视野以来的回溯轨迹,以及 6 条已核实事件。
同一个职能里的其他岗位#
一家公司先把工作分成职能,再分成岗位。下面这些和这一份工作同在「技术与数据」里 —— 那是一件关于组织结构的事实,不是「它们相似」或者「它们在朝同一个方向变」的判断。
初级程序员 · 中高级软件工程师 · 后端工程师 · 数据工程师 · 算法 / 机器学习工程师 · AI 研究员 · 测试工程师 · 数据分析师 · 数据科学家 · 统计师 · 经济学家 · 业务分析师 · 业务系统与流程负责人 · IT 支持 / 技术支持 · 网络安全分析师 / 安全运营 · 运维 / 平台工程师 / SRE · 网络工程师 · 技术文档工程师 / 技术写作 · 基金申请书撰写人
