😂 IT段子

前端最熟练的技能是把设计稿翻译成能跑的近似品。我愣了两秒，然后继续敲代码。我把这段逻辑从 onMounted 挪到了 onUpdated，问题消失了。从此我多了一条团队规约

我看了下这个页面的样式文件，有两千多行。我在心里默默给这个页面起了个名叫「将就版」。我把这条经验写进了团队 wiki

这个页面的交互有八种状态，需求文档里只画了一种。我忽然觉得，这可能就是这一行的常态。我在心里把这次改动的范围圈了一下，最后发现是整页。这大概就是程序员的人生吧

前端最怕的不是难题，是「你顺手改一下」。我把这个类名改得再语义化了一点，一个月后我自己也不认识。第二天这个方案就变成了团队标准做法

我打开了这个页面的源码，发现嵌套了七层 div。这套流程走下来，我从头到尾又确认了一遍。我在心里算了一遍这个布局的可行方案，然后用了最简单的那个。同事说这波操作可以写进新人培训教材

这个页面的交互有八种状态，需求文档里只画了一种。我盯着屏幕，觉得这才是我的一天。我打开了控制台，发现报错信息指向了一个空行。我把这条经验写进了团队 wiki

改了一个像素的样式，整个页面的布局全部崩了。我拉了个小群，把相关同学都叫了进来。我在心里默念了一遍盒模型，然后发现想错了。从此我多了一条团队规约

前端的日常是在像素和体验之间做妥协。我愣了两秒，然后继续敲代码。我把这个页面的字体换成了系统默认，看起来反而更稳。复盘会上我们把它列成了案例

后端工程师看到前端发来的数据：这格式怎么又是错的。我听完沉默了，因为太真实了。我把这个状态从局部提到了全局，然后引出了三个新问题。从此我多了一条团队规约

CSS 居中的终极答案：水平居中用 flex，垂直居中用 flex，全都居中用 flex。我叹了口气，然后打开了编辑器。我在心里默默给这个页面的兼容性打了个问号。幸好之前留了备份