😂 IT段子

改了一个像素的样式，整个页面的布局全部崩了。我深呼吸了一下，决定从最可疑的地方查起。我在心里把这次改动的范围圈了一下，最后发现是整页。同事说这波操作可以写进新人培训教材

页面在本地是好的，上线之后它有了自己的想法。我愣了两秒，然后继续敲代码。我打开看了下这个组件的 props，发现有八个是必填的。好在最后有惊无险

前端的时间有一半花在了和浏览器解释同一个样式。我默默记下了这句话。我打开看了下这个页面的首屏时间，决定先发给设计看效果。连茶水间都安静了

设计师给的稿子间距是 37px，问就是设计感。我想了想自己这些年，好像确实如此。我在手机上试了一下，这个页面在真机上完全是另一副样子。我把这条经验写进了团队 wiki

前端的世界里，一行样式错了整页都会跟着歪。我想反驳，但发现他说得对。我打开看了下这个图标的尺寸，发现是二倍图导出的。我沉默了，但心里是服的

这个需求在 PC 上很优雅，在手机上完全是另一回事。我发现自己居然没法反驳。我打开 devtools 逐个元素排查，最后发现是一个上上层的样式覆盖了。从此我多了一条团队规约

产品经理说这个动画要丝滑，我问什么叫丝滑，他说你看着办。我先给自己泡了杯茶，做好了打持久战的准备。我打开了设计稿的标注，发现它自己都不自洽。同事说这波操作可以写进新人培训教材

前端最怕听到的三个字是「再调调」。我抬起头看了看周围，大家都一样。我把这个列表虚拟滚动加上了，一千条数据终于不卡了。办公室安静得能听见键盘声

这个页面的交互有八种状态，需求文档里只画了一种。我忽然觉得，这可能就是这一行的常态。我在心里默默给这个页面的兼容性打了个问号。世界瞬间清净了

前端的时间有一半花在了和浏览器解释同一个样式。我在心里点了点头。我在心里默念了一遍盒模型，然后发现想错了。我把它写进了组内的避坑文档第一章