碎碎念：Web前端方向

在使用B站网页版的时候，当鼠标划过首页顶部的Banner，你有没有好奇过那样神奇的视差与景深效果是如何实现的？

向deepseek发送一段消息，你有没有想过大模型的流式输出、思考链路的折叠展开、点击按钮的动效是如何呈现的？

点开手机里的APP，有没有考虑过为什么支付宝的各种页面的响应怎么这么慢、PDD首屏的特效动画那么多，怎么没那么卡顿？

UI/UX、后端逻辑对接、用户交互体验、响应/渲染优化…这些都可以是前端；而在微光工作室的招新学习中，我们最常接触的是Web前端。

• 实时反馈感强。相比于后端等方向，前端的代码是实时可视化的、能够立即获得反馈，比较容易收获成就感；
• 算法要求低。前端注重交互与设计，Web前端的开发很少涉及到各种算法的设计；
• 学习门槛低。虽然技术栈又多又杂，但现在的AI已经将前端的门槛拉得足够低。如果你本身已经有一定的审美积累，前端开发可以快速地让你变现自己创意；
• 审美/设计能力？ 区别于真正的产品设计方向，前端开发很多时候并不需要具备很强的UI/UX 创新设计能力，更多是从模仿开始；学习前端的初期有耐心、多参考、多积累，审美会慢慢在你的页面中生长出来。

微光工作室Web前端的招新起点是HTML、CSS和JavaScript，这也是绝大部分人学习前端的起点；我们会引导你从调试页面交互与样式呈现开始，发挥想象力自由创作；之后逐渐熟悉前后端交互、了解一些方便实用的框架（Vue、React、Angular等），学习前端工程化的思维。

事实上，2026年起大量原生标准全面兼容，CSS/HTML的原生能力已经能逐渐代替传统解决方案，以前很多只有Js才能做的样式联动，现在只需要加几行属性就能实现；除了更多更复杂的框架，你也可以考虑持续跟踪这些前沿的新标准，学习现代高性能前端的核心思路。

---

2026年是各种Agent coding能力飞跃式发展的一年，是前端发展史上相对来说比较热闹的一年；

你可能经常能在B站上刷到“AI一轮直出XX游戏/一句话复刻XX网页”、“Claude Design/Open Design开发生产级网站”之类的话题，甚至有“AI取代前端”的言论。

在我看来，AI提高了代码开发效率，也减少了很多重复的编码工作。开发者可以把更多精力放在思考、创新和工程设计上，工作也逐渐从“Coder”走向“Designer”。因此，使用AI解决实际开发问题，也会成为前端开发者的一项基本能力。随着开发方式发生变化，前端也开始进入意图驱动开发的阶段。

类似的变化同样发生在其他技术方向，所以不必对“AI取代前端”过度焦虑。

打比赛。

软件类竞赛通常需要完整的作品。比如图像识别项目，模型负责识别，后端处理请求，前端则负责图片上传、结果展示和用户交互。如果项目涉及三维重建，前端还负责模型展示和场景交互。AI 应用同理，聊天界面、流式输出、文件上传、结果可视化，都需要一个合适的界面承载。

因此，在服创、互联网+、网挑以及各种软件设计、AI 应用类竞赛中，前端一直是很重要的组队位置。

---

如果对前端的印象还停留在登录页面、导航栏和几个按钮，可以看看下面这些网站：

• Wodniack: https://wodniack.dev/
• Jiejoe :https://www.jiejoe.com/home
• Species in Pieces :http://species-in-pieces.com/

前端学习到一定程度后，可以接触 Canvas、Three.js、WebGL、WebGPU、Shader 等技术，实现三维场景、粒子效果、数据可视化和复杂动画。网页也可以成为一个充满想象力的创作空间。

这些效果离刚入门当然还有一段距离，但前端的起点并不复杂。如果你对这个方向产生了一点兴趣，可以先结合 AI 了解基本概念，再从 HTML、CSS开始尝试。可以参考以下链接

• 初学者快速了解常用的开发名词：一些vibe-coding邪教
• 适合起步查阅学习的网站：菜鸟教程 和MDN 学习Web开发
• B站视频教程：尚硅谷HTML/CSS入门

最后，欢迎来到微光工作室 Web 前端方向。

从一个<div>开始，看看你能创造出什么。