你好，我是依然，教了20多年书的高职教师。

上周我的《Web前端基础》课程实训，我让学生试用一下AI辅助。

这个班的学生是单招生，基础偏差，这门课课时比较少，给学生讲的都是最最基础的内容，他们独立完成一个网站的制作很困难。

但使用AI辅助就不一样了，有个学生兴冲冲跑来找我：“老师，我用AI十分钟就做完了一个网页，比之前自己写代码做的要好看的多！”

我问他：“那你觉得学的东西还有用吗？”

他愣了一下，说：“好像……也没啥用了？”

这个问题不好回答。

我想了好几天，也查了不少资料，今天想和你聊聊我的思考。

一、从“写代码”到“指挥AI”

算上以前讲DreamWeaver，我教前端课十几年了。

最早教HTML静态网页，后来教CSS布局，再到JavaScript交互。每一轮技术更新，我都得重新备课，但核心逻辑没变过：程序员的工作，就是把想法变成代码。

但现在，这个逻辑正在被打破。

我看到一组数据：传统前端岗位需求下降了52%，但AI相关岗位增长了12倍。这不是简单的岗位替代，而是整个工作模式的重组。

以前的前端工程师，80%的时间在敲代码。

现在呢？有人做了时间分配的调研——手写代码只占20%。

剩下的时间在做什么？

• 30%在“指挥AI”——写提示词、调整需求、让AI改方案

• 30%在“AI Review”——检查AI生成的代码，决定接受还是打回

• 20%在“碰撞想法”——和人讨论、和AI讨论，想清楚要做什么

只有20%还在手写代码。

人类和AI的分工彻底重构了。前端工程师的角色，从“写代码的人”变成了“指挥AI+做决策的人”。

二、几个关键环节正在被重写

光说大趋势有点虚，我想聊聊具体哪些环节变了。

页面布局：从“调半天”到“一句话”

以前教学生做页面布局，最头疼的就是CSS。

一个按钮要居中，有三种方法：text-align、margin、flex。学生光记住这些就够呛，更别说灵活运用了。什么浮动清除、定位层级、响应式媒体查询——光这些概念就能讲好几节课。

最典型的一个场景：做一个三列等高的布局。以前学生得折腾float、clearfix、负margin，搞一上午都不一定对齐。

现在不一样了。

你跟AI说：“帮我写一个三列等宽的卡片布局，每张卡片有图片、标题和文字，用flex实现，在手机上自动变成一列。”

几秒钟，代码就出来了。HTML结构清晰，CSS样式完整，甚至给你加了响应式断点。

门槛从“背语法”变成了“会描述需求”。

当然，我的观点是：CSS基础还是要学的。

你不懂flex和grid的区别，就不知道怎么提出“用flex实现”；你不懂盒模型，就判断不了AI生成的代码有没有问题。但学习重点变了——不是死记硬背每个属性，而是理解原理、会提需求、能做判断。

交互效果：从“抄代码”到“讲逻辑”

以前教JavaScript交互，学生最怕的是DOM操作和事件监听。

做一个鼠标移上去变色的效果，要写addEventListener，要理解事件对象，要考虑性能。做一个图片轮播，源代码给学生，他们还是一头雾水。

你对AI说：“做一个图片轮播，左右有箭头，底部有小圆点，点击小圆点也能切换，自动播放每3秒切换一次。”

AI直接给你完整的HTML、CSS、JavaScript代码。轮播逻辑全写好了，甚至帮你处理了边界情况（到最后一张点下一张回到第一张）。

有个学生跟我说：“老师，我现在先让AI写一版，然后我看它代码，看懂了再自己改。这样学得快。”

我当时就觉得——这是把AI当助教了。

调试改Bug：效率提升最明显的环节

这个环节AI做得最好，也最让人有“被抢工作”的感觉。

以前学生调试代码，一行行看报错信息，遇到玄学bug能折腾一整天。CSS样式不生效、JavaScript变量undefined、事件绑了不触发——每一个坑都踩过。

现在，AI工具能直接读你的代码、读报错信息，几秒钟定位问题，给出修复建议。

比如学生写了一个点击事件，点了没反应。以前他要查半天。现在把代码贴给AI，AI一看：“你的script标签放在head里了，页面还没加载到这个元素，要放到body末尾。”

我专门查了数据：Copilot在JavaScript的代码补全准确率达到91.3%。这已经不是“辅助工具”了，是真正的效率倍增器。

更关键的是：调试的过程，成了学习的过程。

学生不用再卡在一个小bug上耗几个小时，而是能快速得到答案，然后理解“为什么错了”，下次就能避免。

代码复用：从“复制粘贴”到“按需生成”

以前教前端，有个很实在的问题：学生会写一个页面，换个页面就不会了。

做一个登录页面，样式写得挺漂亮。换成一个注册页面，又得从头写，或者复制过来改半天——改完发现布局乱了。

现在，AI能解决这个问题。

学生可以跟AI说：“基于上面的登录页面，帮我改成注册页面，增加一个确认密码的输入框，再加一个手机号验证的步骤。”

AI会在原有代码基础上修改，保留样式风格，增加新功能。

学习重点从“写代码”变成了“读懂代码+提修改需求”。

学生不需要重复造轮子，但需要看得懂AI生成的代码、知道怎么改、知道改完之后效果对不对。

三、所以，前端还要学吗？

回到最初的那个问题：AI都能写代码了，前端还要学吗？

我的答案是：要学，但学的东西不一样了。

以前学前端，学的是“怎么写代码”。现在学前端，学的是：

• 怎么指挥AI写代码（提需求、写提示词）

• 怎么判断AI写的对不对（懂原理、会Review）

• 怎么把复杂问题拆解成AI能处理的小任务（系统设计能力）

AI负责“怎么做”，人负责“做什么”和“为什么做”。

人类工程师的核心价值在于：系统设计能力、复杂问题拆解能力、跨领域能力。 这些AI还不太行。

写在最后

AI对前端开发的冲击是真实的，但它不是洪水猛兽。

我看到一些文章写得很吓人，好像明天程序员就要失业了。我觉得没必要贩卖焦虑。

对于我们教育工作者来说，最务实的态度可能是：去试试那些AI工具，了解它们能做什么、不能做什么。拥抱变化，但保持自己的节奏。

毕竟，教育不是追风口，而是为学生未来二三十年的生活做准备。

AI会变，但人需要学习、需要成长、需要解决问题——这些不会变。

评论区聊聊：作为老师/学生，你怎么看待AI对前端的影响？欢迎留言交流。

好了，今天就聊这么多。我是依然，我们下期见。