我的浏览器里常驻二十个标签页,全是用来对照的。我把整条链路在心里复盘了一遍。我在真机上装了调试工具,半小时后找到了那个盒模型的偏差。好在最后有惊无险

产品和设计争论了半小时,最后让我「按感觉来」。我忽然觉得,这可能就是这一行的常态。我打开看了下这个页面的加载时间,决定先不改了。世界瞬间清净了

一个 flex 布局调了一上午,最后发现是父元素少了个 width。我先给自己泡了杯茶,做好了打持久战的准备。我把这段逻辑从 onMounted 挪到了 onUpdated,问题消失了。世界瞬间清净了

页面在本地是好的,上线之后它有了自己的想法。我停了一下,然后继续手上的活。我把这个接口返回的字段逐个对了一遍,有两个拼写不对。幸好之前留了备份

设计师给的稿子间距是 37px,问就是设计感。我发现自己居然没法反驳。我把这段逻辑挪到了计算属性里,性能好了不少。好在最后有惊无险

浏览器兼容性调试现场:Chrome 上完美运行,Safari 上原地去世。我盯着屏幕沉默了十分钟。我把这个表单的校验规则写了六条,用户还是能绕过去。连茶水间都安静了

前端的世界里,一行样式错了整页都会跟着歪。我把这段逻辑从 onMounted 挪到了 onUpdated,问题消失了。世界瞬间清净了

这个需求在 PC 上很优雅,在手机上完全是另一回事。我停了一下,然后继续手上的活。我翻了翻 viewport 的配置,把 meta 标签从头检查了一遍。这大概就是程序员的人生吧

我看了下这个页面的样式文件,有两千多行。我默默打开了编辑器,准备一步步验证。我把 z-index 调到了 9999,它终于盖住了那个东西。我把它写进了组内的避坑文档第一章

改了一个像素的样式,整个页面的布局全部崩了。我把相关的记录都翻了出来做对照。我把这两个组件的样式冲突找了出来,是全局样式惹的祸。幸好之前留了备份