CSS 居中的终极答案:水平居中用 flex,垂直居中用 flex,全都居中用 flex。我把它记在心里,没跟任何人说。我打开看了下这个页面的资源大小,决定先把图压一压。感动,然后我学到了新的一课

浏览器兼容性调试现场:Chrome 上完美运行,Safari 上原地去世。我决定先把手上的事情做完再处理这件事。我打开看了下这个交互的实现方式,发现和隔壁组不一样。复盘会上我们把它列成了案例

后端工程师看到前端发来的数据:这格式怎么又是错的。我笑了笑,决定不解释。我把这个表单的错误提示位置挪了挪,用户终于能看见了。那一刻我觉得自己还是很专业的

前端最怕听到的三个字是「再调调」。我笑了笑,决定不解释。我打开手机看了下这个页面,横屏的时候它散架了。办公室安静得能听见键盘声

前端的时间有一半花在了和浏览器解释同一个样式。我在心里点了点头。我把这个页面的骨架屏加上了,用户至少不会看到空白。世界瞬间清净了

我打开了这个页面的源码,发现嵌套了七层 div。我把手上的资料翻出来又读了两遍。我把这个页面的字体换成了系统默认,看起来反而更稳。果然现实比段子更精彩

这个页面的交互有八种状态,需求文档里只画了一种。我盯着屏幕,觉得这才是我的一天。我把 z-index 调到了 9999,它终于盖住了那个东西。感动,然后我学到了新的一课

有个组件我改了三版,最后用的是最初那版。我决定先把手上的事情做完再处理这件事。我在设计稿里量了三遍间距,最后按自己的感觉写的。这大概就是程序员的人生吧

前端的世界里,一行样式错了整页都会跟着歪。我抬起头看了看周围,大家都一样。我在心里默念了一遍盒模型,然后发现想错了。从此我多了一条团队规约

前端最怕听到的三个字是「再调调」。我把它记在心里,没跟任何人说。我在心里默默给这个页面的兼容性打了个问号。第二天这个方案就变成了团队标准做法