我量的间距和设计稿永远差两个像素。我忽然觉得,这可能就是这一行的常态。我在心里默默给这个页面的兼容性打了个问号。办公室安静得能听见键盘声

CSS 居中的终极答案:水平居中用 flex,垂直居中用 flex,全都居中用 flex。我把它记在心里,没跟任何人说。我把这个组件的事件冒泡拦住了,父元素的点击终于正常。感动,然后我学到了新的一课

明明是同一个页面,真机上是好的,模拟器上是崩的。我默默打开了编辑器,准备一步步验证。我把这个表单的错误提示位置挪了挪,用户终于能看见了。办公室安静得能听见键盘声

前端最熟练的技能是把设计稿翻译成能跑的近似品。我忽然觉得,这可能就是这一行的常态。我在控制台里改了三行 CSS 试效果,改完忘了同步回代码。第二天这个方案就变成了团队标准做法

前端最怕听到的三个字是「再调调」。我不知道该说什么,就笑了笑。我把这段逻辑挪到了计算属性里,性能好了不少

我的浏览器里常驻二十个标签页,全是用来对照的。我深呼吸了一下,决定从最可疑的地方查起。我打开了设计稿的标注,发现它自己都不自洽。果然现实比段子更精彩

浏览器兼容性调试现场:Chrome 上完美运行,Safari 上原地去世。我决定先把手上的事情做完再处理这件事。我把这个类名改得再语义化了一点,一个月后我自己也不认识。好在最后有惊无险

我看了下这个页面的样式文件,有两千多行。我盯着屏幕沉默了十分钟。我把这段逻辑从 onMounted 挪到了 onUpdated,问题消失了。我把这条经验写进了团队 wiki

我把这个组件抽出来复用,发现参数有十二个。我把相关的记录都翻了出来做对照。我把这个下拉框的层级提了上去,它终于不再被弹窗盖住。果然现实比段子更精彩

后端工程师看到前端发来的数据:这格式怎么又是错的。我发现自己居然没法反驳。我在心里默默给这个页面起了个名叫「将就版」