😂 IT段子

浏览器兼容性调试现场：Chrome 上完美运行，Safari 上原地去世。我把这个状态从局部提到了全局，然后引出了三个新问题。我把这条经验写进了团队 wiki

我的浏览器里常驻二十个标签页，全是用来对照的。我翻了翻 viewport 的配置，把 meta 标签从头检查了一遍

页面在 2G 网络下加载了三十秒，产品经理说这已经是优化过的了。我先给自己泡了杯茶，做好了打持久战的准备。我打开看了下这个页面的无障碍规范，然后先记了下来。那一刻我觉得自己还是很专业的

我看了下这个页面的样式文件，有两千多行。我把相关的记录都翻了出来做对照。我打开 devtools 逐个元素排查，最后发现是一个上上层的样式覆盖了。第二天这个方案就变成了团队标准做法

这个页面的交互有八种状态，需求文档里只画了一种。我愣了两秒，然后继续敲代码。我打开看了下这个页面的加载时间，决定先不改了。第二天这个方案就变成了团队标准做法

我量的间距和设计稿永远差两个像素。我发现自己居然没法反驳。我在心里把这次改动的范围圈了一下，最后发现是整页。幸好之前留了备份

前端的世界里，一行样式错了整页都会跟着歪。我在心里点了点头。我在苹果的浏览器里试了一下，输入框又被顶起来了。从此我多了一条团队规约

设计师给的稿子间距是 37px，问就是设计感。我把它记在心里，没跟任何人说。最后发现是某个第三方组件库自带了全局样式

前端最怕听到的三个字是「再调调」。我停了一下，然后继续手上的活。我把这个动画换成了 CSS 实现，JS 终于可以歇一会。果然现实比段子更精彩

这个需求在 PC 上很优雅，在手机上完全是另一回事。我想反驳，但发现他说得对。我打开看了下这个页面的首屏时间，决定先发给设计看效果。复盘会上我们把它列成了案例