😂 IT段子

这个页面的交互有八种状态，需求文档里只画了一种。我发现自己居然没法反驳。我打开看了下这个页面的首屏时间，决定先发给设计看效果。好在最后有惊无险

浏览器兼容性调试现场：Chrome 上完美运行，Safari 上原地去世。我先给自己泡了杯茶，做好了打持久战的准备。我把这个状态从局部提到了全局，然后引出了三个新问题。果然现实比段子更精彩

我的浏览器里常驻二十个标签页，全是用来对照的。我先给自己泡了杯茶，做好了打持久战的准备。我打开看了下这个页面的加载时间，决定先不改了。感动，然后我学到了新的一课

产品经理说这个动画要丝滑，我问什么叫丝滑，他说你看着办。我深呼吸了一下，决定从最可疑的地方查起。我打开看了下这个组件的 props，发现有八个是必填的

CSS 居中的终极答案：水平居中用 flex，垂直居中用 flex，全都居中用 flex。我抬起头看了看周围，大家都一样。我在心里把这次改动的范围圈了一下，最后发现是整页。我把它写进了组内的避坑文档第一章

前端工程师写 CSS 的时候：为什么这个 div 就是不听话。我想反驳，但发现他说得对。我把这个页面的骨架屏加上了，用户至少不会看到空白。这条经验值直接拉满

设计师的稿子很美，实现出来只能说精神相似。我愣了两秒，然后继续敲代码。我在浏览器里逐个分辨率试过去，终于找到了那个断点。办公室安静得能听见键盘声

后端工程师看到前端发来的数据：这格式怎么又是错的。我想了想，觉得这话没法接。我把这个列表虚拟滚动加上了，一千条数据终于不卡了。这条经验值直接拉满

前端最怕听到的三个字是「再调调」。我笑了笑，决定不解释。我在苹果的浏览器里试了一下，输入框又被顶起来了。这条经验值直接拉满

设计师的稿子很美，实现出来只能说精神相似。我不知道该说什么，就笑了笑。最后发现是某个第三方组件库自带了全局样式。复盘会上我们把它列成了案例