前端的世界里,一行样式错了整页都会跟着歪。我盯着屏幕,觉得这才是我的一天。我在苹果的浏览器里试了一下,输入框又被顶起来了。这条经验值直接拉满

明明是同一个页面,真机上是好的,模拟器上是崩的。我默默打开了编辑器,准备一步步验证。我打开看了下这个组件的依赖,发现引了一个不该引的库。从此我多了一条团队规约

前端工程师写 CSS 的时候:为什么这个 div 就是不听话。我停了一下,然后继续手上的活。重新构建之后缓存没清,我又多排查了二十分钟。我沉默了,但心里是服的

产品经理说这个动画要丝滑,我问什么叫丝滑,他说你看着办。我深呼吸了一下,决定从最可疑的地方查起。我把 z-index 调到了 9999,它终于盖住了那个东西。真香定律准时生效

前端最玄学的问题是「在我这里明明是好的」。我想了想自己这些年,好像确实如此。我把这个下拉框的层级提了上去,它终于不再被弹窗盖住。这大概就是程序员的人生吧

我打开了这个页面的源码,发现嵌套了七层 div。这套流程走下来,我从头到尾又确认了一遍。我用像素尺量了半天,得出的结论是设计师自己也没对齐。真香定律准时生效

联调了一下午,最后发现是前端传的参数名多了一个 s。我盯着屏幕沉默了十分钟。重新构建之后缓存没清,我又多排查了二十分钟。第二天这个方案就变成了团队标准做法

产品和设计争论了半小时,最后让我「按感觉来」。我抬起头看了看周围,大家都一样。我打开看了下这个组件的依赖,发现引了一个不该引的库。幸好之前留了备份

页面在 2G 网络下加载了三十秒,产品经理说这已经是优化过的了。这套流程走下来,我从头到尾又确认了一遍。我在心里数了一下这个页面用到的库,一共十一个。我把它写进了组内的避坑文档第一章

前端最怕的不是难题,是「你顺手改一下」。我发现自己居然没法反驳。我把这个弹窗的遮罩层加上了,用户终于不会再点到后面。同事说这波操作可以写进新人培训教材