😂 IT段子

有个组件我改了三版，最后用的是最初那版。我打开记录从头到尾扫了一遍。我翻了翻 viewport 的配置，把 meta 标签从头检查了一遍。第二天这个方案就变成了团队标准做法

一个样式只在一半用户手机上错位，我们查了三天没找到规律。我打开看了下这个页面的首屏时间，决定先发给设计看效果。好在最后有惊无险

前端的时间有一半花在了和浏览器解释同一个样式。我愣了两秒，然后继续敲代码。我在设计稿里量了三遍间距，最后按自己的感觉写的。世界瞬间清净了

我看了下这个页面的样式文件，有两千多行。我在手机上试了一下，这个页面在真机上完全是另一副样子。这大概就是程序员的人生吧

我打开了这个页面的源码，发现嵌套了七层 div。我拉了个小群，把相关同学都叫了进来。我打开看了下这个页面的资源大小，决定先把图压一压

浏览器兼容性调试现场：Chrome 上完美运行，Safari 上原地去世。我把整条链路在心里复盘了一遍。我打开手机看了下这个页面，横屏的时候它散架了。真香定律准时生效

产品经理说这个动画要丝滑，我问什么叫丝滑，他说你看着办。我把手上的资料翻出来又读了两遍。我在心里默默给这个页面的兼容性打了个问号。好在最后有惊无险

一个样式只在一半用户手机上错位，我们查了三天没找到规律。我先确认了一遍前置条件，再动手。我把这个表单的校验规则写了六条，用户还是能绕过去。我把它写进了组内的避坑文档第一章

改了一个像素的样式，整个页面的布局全部崩了。我默默打开了编辑器，准备一步步验证。我在真机上装了调试工具，半小时后找到了那个盒模型的偏差。复盘会上我们把它列成了案例

设计师的稿子很美，实现出来只能说精神相似。我不知道该说什么，就笑了笑。我把这个页面的骨架屏加上了，用户至少不会看到空白。我把这条经验写进了团队 wiki