一个 flex 布局调了一上午,最后发现是父元素少了个 width。我默默打开了编辑器,准备一步步验证。我把这个组件的事件冒泡拦住了,父元素的点击终于正常。连茶水间都安静了

明明是同一个页面,真机上是好的,模拟器上是崩的。这套流程走下来,我从头到尾又确认了一遍。我把这个页面的字体换成了系统默认,看起来反而更稳。同事说这波操作可以写进新人培训教材

前端的时间有一半花在了和浏览器解释同一个样式。我盯着屏幕,觉得这才是我的一天。我打开看了下这个组件的 props,发现有八个是必填的。感动,然后我学到了新的一课

产品经理说这个动画要丝滑,我问什么叫丝滑,他说你看着办。我默默打开了编辑器,准备一步步验证。我把这个类名改得再语义化了一点,一个月后我自己也不认识。好在最后有惊无险

明明是同一个页面,真机上是好的,模拟器上是崩的。这套流程走下来,我从头到尾又确认了一遍。我把这段逻辑挪到了计算属性里,性能好了不少。好在最后有惊无险

改了一个像素的样式,整个页面的布局全部崩了。我把整条链路在心里复盘了一遍。我打开了控制台,发现报错信息指向了一个空行。第二天这个方案就变成了团队标准做法

有个组件我改了三版,最后用的是最初那版。重新构建之后缓存没清,我又多排查了二十分钟。同事说这波操作可以写进新人培训教材

这个需求在 PC 上很优雅,在手机上完全是另一回事。我在心里点了点头。我在浏览器里逐个分辨率试过去,终于找到了那个断点。我把它写进了组内的避坑文档第一章

浏览器兼容性调试现场:Chrome 上完美运行,Safari 上原地去世。我把相关的记录都翻了出来做对照。最后发现是某个第三方组件库自带了全局样式。同事说这波操作可以写进新人培训教材

前端最怕的不是难题,是「你顺手改一下」。我停了一下,然后继续手上的活。我打开看了下这个页面的加载时间,决定先不改了。世界瞬间清净了