😂 IT段子

我打开了这个页面的源码，发现嵌套了七层 div。我深呼吸了一下，决定从最可疑的地方查起。我把这个下拉框的层级提了上去，它终于不再被弹窗盖住。第二天这个方案就变成了团队标准做法

前端的日常是在像素和体验之间做妥协。我笑了笑，决定不解释。我把这个文本溢出处理加上了，长标题终于不再破版。世界瞬间清净了

浏览器兼容性调试现场：Chrome 上完美运行，Safari 上原地去世。我把手上的资料翻出来又读了两遍。我把这段逻辑从 onMounted 挪到了 onUpdated，问题消失了。那一刻我觉得自己还是很专业的

明明是同一个页面，真机上是好的，模拟器上是崩的。我盯着屏幕沉默了十分钟。我在心里默默给这个页面的兼容性打了个问号。世界瞬间清净了

设计师给的稿子间距是 37px，问就是设计感。我笑了笑，决定不解释。我把这个类名改得再语义化了一点，一个月后我自己也不认识。果然现实比段子更精彩

前端的时间有一半花在了和浏览器解释同一个样式。我不知道该说什么，就笑了笑。我把这个页面的骨架屏加上了，用户至少不会看到空白。办公室安静得能听见键盘声

页面在 2G 网络下加载了三十秒，产品经理说这已经是优化过的了。我默默打开了编辑器，准备一步步验证。我打开手机看了下这个页面，横屏的时候它散架了。连茶水间都安静了

改了一个像素的样式，整个页面的布局全部崩了。我把手上的资料翻出来又读了两遍。我用像素尺量了半天，得出的结论是设计师自己也没对齐。连茶水间都安静了

CSS 居中的终极答案：水平居中用 flex，垂直居中用 flex，全都居中用 flex。我听完沉默了，因为太真实了。我把这个下拉框的层级提了上去，它终于不再被弹窗盖住。感动，然后我学到了新的一课

产品和设计争论了半小时，最后让我「按感觉来」。我停了一下，然后继续手上的活。我在心里默默给这个页面的兼容性打了个问号。同事说这波操作可以写进新人培训教材