WEB开发工程师

凌晨三点，发工我盯着Chrome DevTools里那条红色的程师报错，心里只有一个念头：这破玩意儿到底谁写的发工。三小时后发现是程师我自己上周写的。这就是发工WEB开发工程师的日常，一半时间在创造，程师一半时间在跟自己过去的发工愚蠢搏斗。

很多人以为这行就是程师写写页面，把设计师给的发工图变成代码。真干起来才知道，程师浏览器兼容性、发工跨域、程师性能优化、发工安全漏洞，程师每一个都能让你从下午三点耗到第二天天亮。发工我见过一个同事为了IE11下一个flex布局的bug，硬生生用float重写了整个模块。那会儿IE还没退役，大家管它叫“前端人的噩梦”。

技术栈更新快，但底层逻辑跑得慢

框架一年换三茬。2018年Vue还在2.x，React刚推Hooks，Angular在国内已经半死不活。现在呢？Vue 3、React 18、Svelte、SolidJS，还有一堆Meta框架。新人上来就问“学哪个”，我通常回一句：先搞懂JavaScript的闭包和原型链，再谈框架。框架会过时，语言基础不会。

有个实习生用React写了个表单，功能全对，但每次输入一个字符整个组件树都重新渲染。我让他打开React DevTools的“Highlight Updates”，满屏闪得跟迪厅一样。后来改成受控组件加useCallback，性能直接翻倍。这跟用哪个框架没关系，是理解的问题。

一个线上事故，比读十本书管用

去年双十一前，我们一个活动页在iOS Safari上白屏。排查两小时，发现是某段代码用了可选链操作符?.，但构建工具没转译，Safari 12直接不认。问题本身不复杂，但当时流量已经进来了，每分钟损失几千块。从那以后，我养成了一个习惯：上线前必跑一遍Browserslist的目标浏览器，不迷信“现代浏览器都支持”。

还有一次，后端返回的JSON里有个字段叫__proto__，前端直接用Object.assign合并到配置对象里，结果原型被污染，整个页面逻辑全乱。安全这事，不是只有XSS和CSRF，数据层面的坑更隐蔽。

写代码是手艺活，别把自己当流水线工人

我面试过不少人，简历上写着“精通Vue”，问响应式原理，答“靠Object.defineProperty”。再问Vue 3为什么用Proxy，就卡住了。不是要求每个人都懂源码，但至少要知道你用的工具在干什么。否则出了问题只能重启服务，或者去Stack Overflow复制粘贴。

CSS也一样。Grid和Flexbox出来这么多年，还有人用float加clearfix做布局。能用，但维护起来想哭。我自己的项目里，能用Grid就不写Flex，能用Flex就不写float。代码是给人看的，顺便给机器执行。

这行没有“学完”的那天

上个月刚把Webpack 5的持久化缓存配明白，这周Vite 5又发了。Node.js 20改了ESM的加载逻辑，Deno 2.0开始兼容npm。你刚觉得稳了，生态就往前拱了一步。但别慌，核心的东西变化很慢：HTTP协议、浏览器渲染流程、JavaScript事件循环，这些十年没大改。把根扎深，上面的枝叶随便换。

我现在的习惯是每周抽两小时看TC39的提案进度，或者翻翻WHATWG的spec。不一定都用得上，但下次遇到“为什么这个API行为这么怪”的时候，能直接去源头找答案，比在搜索引擎里翻三页垃圾结果快得多。

说到底，WEB开发工程师就是个手艺人。工具在变，平台在变，但把东西做出来、让它跑得稳、让别人能接手，这三件事从来没变过。