浏览器兼容性调试现场:Chrome 上完美运行,Safari 上原地去世。我盯着屏幕沉默了十分钟。我打开看了下这个图标的尺寸,发现是二倍图导出的。这条经验值直接拉满
😂 IT段子
程序员日常、代码趣事、技术梗图,让你在学习之余轻松一笑
前端工程师写 CSS 的时候:为什么这个 div 就是不听话。我听完沉默了,因为太真实了。我把 margin 和 padding 都试了一遍,最后发现是父元素的问题。世界瞬间清净了
我打开了这个页面的源码,发现嵌套了七层 div。我盯着屏幕沉默了十分钟。我在真机上装了调试工具,半小时后找到了那个盒模型的偏差。这条经验值直接拉满
前端最怕的不是难题,是「你顺手改一下」。我想了想,觉得这话没法接。我在设计稿里量了三遍间距,最后按自己的感觉写的。果然现实比段子更精彩
我打开了这个页面的源码,发现嵌套了七层 div。我决定先把手上的事情做完再处理这件事。我把 z-index 调到了 9999,它终于盖住了那个东西
设计师给的稿子间距是 37px,问就是设计感。我愣了两秒,然后继续敲代码。我打开看了下这个组件的依赖,发现引了一个不该引的库。第二天这个方案就变成了团队标准做法
前端最熟练的技能是把设计稿翻译成能跑的近似品。我不知道该说什么,就笑了笑。我默默给这个组件加了个 !important,然后装作什么都没发生。从此我多了一条团队规约
前端监控突然报了一堆 Safari 的错误,我第一反应是统计口径错了。我把相关的记录都翻了出来做对照。我把这段样式注释掉,页面反而正常了,我又默默加回去。我沉默了,但心里是服的
一个 flex 布局调了一上午,最后发现是父元素少了个 width。我先确认了一遍前置条件,再动手。我在苹果的浏览器里试了一下,输入框又被顶起来了。我把这条经验写进了团队 wiki
我改了一行 CSS,页面从正常变成了另一种正常。我想反驳,但发现他说得对。我把这个问题丢给搜索引擎,前三页的答案都试了一遍。我把这条经验写进了团队 wiki