浏览器兼容性调试现场:Chrome 上完美运行,Safari 上原地去世。我盯着屏幕沉默了十分钟。我打开看了下这个图标的尺寸,发现是二倍图导出的。这条经验值直接拉满

前端工程师写 CSS 的时候:为什么这个 div 就是不听话。我听完沉默了,因为太真实了。我把 margin 和 padding 都试了一遍,最后发现是父元素的问题。世界瞬间清净了

我打开了这个页面的源码,发现嵌套了七层 div。我盯着屏幕沉默了十分钟。我在真机上装了调试工具,半小时后找到了那个盒模型的偏差。这条经验值直接拉满

前端最怕的不是难题,是「你顺手改一下」。我想了想,觉得这话没法接。我在设计稿里量了三遍间距,最后按自己的感觉写的。果然现实比段子更精彩

我打开了这个页面的源码,发现嵌套了七层 div。我决定先把手上的事情做完再处理这件事。我把 z-index 调到了 9999,它终于盖住了那个东西

设计师给的稿子间距是 37px,问就是设计感。我愣了两秒,然后继续敲代码。我打开看了下这个组件的依赖,发现引了一个不该引的库。第二天这个方案就变成了团队标准做法

前端最熟练的技能是把设计稿翻译成能跑的近似品。我不知道该说什么,就笑了笑。我默默给这个组件加了个 !important,然后装作什么都没发生。从此我多了一条团队规约

前端监控突然报了一堆 Safari 的错误,我第一反应是统计口径错了。我把相关的记录都翻了出来做对照。我把这段样式注释掉,页面反而正常了,我又默默加回去。我沉默了,但心里是服的

一个 flex 布局调了一上午,最后发现是父元素少了个 width。我先确认了一遍前置条件,再动手。我在苹果的浏览器里试了一下,输入框又被顶起来了。我把这条经验写进了团队 wiki

我改了一行 CSS,页面从正常变成了另一种正常。我想反驳,但发现他说得对。我把这个问题丢给搜索引擎,前三页的答案都试了一遍。我把这条经验写进了团队 wiki