实际上正在衰落的前端技能(并非你想的那些)

发布: (2026年4月6日 GMT+8 11:05)
8 分钟阅读
原文: Dev.to

Source: Dev.to

《实际上正在消亡的前端技能(并非你想的那些)》的封面图片

Muhammad Usman

每个人都在指责 jQuery 和 PHP。真正的名单却不同,更让人不舒服,而且与您当前的职业发展更为相关。

今天打开任何开发者论坛,总有人宣称某些技术已经死亡——jQuery、PHP、CSS。这些说法大多是错误的、重复的,或两者兼而有之。

本文并非如此。

两个开发者。拥有相同的工作年限。一个不断收到面试邀请,另一个却被冷落。

区别不在于天赋,而在于他们仍然坚持的技能。

首先,大家说已死却并未死的技能

  • jQuery 在超过 75 % 的网站上运行。W3Techs 多年来一直在跟踪这个数据,比例几乎没有变化。
  • WordPress 为整个网络的 43 % 提供动力,并且它运行在 PHP 上。

这些都没有消亡。别再为它们担心了。

真正的列表不同,而且更贴近我们的实际工作。

#5 — 从零手写 CSS

这曾是一项真正的技能:理解层叠、特异性和布局模式。开发者花了多年时间才掌握它。

但工作流已经改变。

  • Tailwind 已经成为主流,而不再是争议点。
  • CSS Modules 负责架构。
  • 设计令牌(Design tokens)管理数值。
  • AI 处理大部分样板代码。

只会写原始 CSS、且不使用上述任何工具的开发者,在招聘信息中已经变得稀少。技能本身仍然有效,只是围绕它的工作流已经进化。

#4 — 跨浏览器 CSS hack

如果你在 2016 年之前学习前端,你一定了解这种痛苦:厂商前缀、条件注释、IE 特有的布局 bug。这曾是一个真正的细分领域。

Internet Explorer 已于 2022 年 6 月停服。所有主流浏览器如今都是 evergreen 并自动更新。Interop 计划——Apple、Google、Microsoft 与 Mozilla 的联合努力——自 2021 年起每年都在缩小兼容性差距。

Browserslistautoprefixer 这样的工具现在会自动处理剩余的兼容性问题。

用于调试 IE 布局崩溃的时间已经不复存在,这类工作已经消失。相应的专业技能也不再有市场需求。

#3 — 从零构建 UI 组件

从零编写一个模态框曾经意味着很多:焦点捕获、ARIA 属性、键盘导航、滚动锁定。这真的很难。

现在像 shadcn/uiRadix UIHeadless UI 这样的库能够比大多数开发者手写更好地解决这些问题,甚至包括可访问性细节。

在大多数现代团队中,若没有使用基础库而从零实现模态框或日期选择器,需要有明确的理由。如果你的简历写着 “自行构建 UI 组件” 却没有上下文,这现在更像是一个遗留信号,而不是竞争优势。

#2 — jQuery‑特有的模式

不是 jQuery 本身,而是围绕它形成的模式:

  • $.ajax() 与延迟链式调用
  • 插件架构
  • 将所有操作都包装在 jQuery 对象中的思维模型

Fetch API 已经原生取代了 $.ajax()querySelector 取代了 jQuery 选择器。事件委托现在也可以原生实现。

今天的新公司里,开发者更可能走进一个基于 React 或 Vue 的代码库,而不是以 jQuery 为主的项目。会使用 jQuery 没问题,但在面向产品公司的简历上把它列为主要技能,就不再是加分项了。

#1 — 手动配置 Webpack 和 Babel

多年来,能够从零开始配置 Webpack 真正具有市场价值:入口点、loader、插件、代码拆分和树摇。资深前端开发者被期望熟练掌握这些。

随后 Vite 出现,Create React App 正式被弃用。Vite 现在成为新项目的默认选择,自动处理大部分繁重工作。了解 Webpack 的内部原理仍然有价值,但能够使用零配置工具快速搭建现代开发环境才是雇主现在的期待。

结论: 那些看似正在消失的技能往往只是在演进。专注于围绕这些基础的现代工作流和工具,你就能在当今的就业市场保持竞争力。

React、Vue 和 Svelte 项目

它们的默认配置已经能够处理过去需要数小时 Webpack 调优的工作。

如果你在维护一个大型的遗留代码库,深厚的 Webpack 知识仍然很重要,但这 不是 刚入行的开发者需要优先考虑的内容。这个窗口已经关闭。

什么取代了它们

技能正在淡出——它们被什么取代了?

  • 手写 CSS → Tailwind、设计令牌和 AI 辅助样式
  • 跨浏览器 hack → 常青浏览器
  • 互操作倡议 → 来自 shadcn/ui、Radix、Headless UI 的自定义组件
  • jQuery‑特定模式 → Fetch API、原生 DOM、现代 JS
  • 手动构建工具 → Vite、Turbopack、零配置默认值

为什么会让人不舒服

这些并不是捷径;它们在当时是构建项目的正确方式。
行业不会通过正式公告来“退休”技能。某项技术一年是标准,几年后,招聘信息悄悄不再提及它。

这就是紧贴浏览器工作的本质——平台一直在演进。

唯一重要的事

  • 前端 并没有 变得更难入门。
  • 确实 变得更难保持相关性,除非你持续关注。

能够茁壮成长的开发者 不是 那些追逐每一个新框架的人。他们是那些在某类工作被工具链吸收后及时调整的人。

正在消亡的技能 不是 大家争论的那些。
它们是那些在大家忙着争论 jQuery 时,悄悄在新项目中消失的技能。

今天你学到了对开发者有用的东西吗?
那就表达一下你的支持吧。

© Muhammad Usman
WordPress 开发者 | 网站策略师 | SEO 专家

别忘了订阅 Developer’s Journey 以示支持。

Developer's Journey

0 浏览
Back to Blog

相关文章

阅读更多 »

10个酷炫的CodePen演示 (2026年3月)

2026 F1 车手自定义选择,使用外观:base-select。Chris Bolson 打造了我见过的最令人印象深刻的自定义选择之一。它甚至看起来不像……