改了一个像素的样式,整个页面的布局全部崩了。我把相关的记录都翻了出来做对照。我把这个动画换成了 CSS 实现,JS 终于可以歇一会。复盘会上我们把它列成了案例

设计师给的稿子间距是 37px,问就是设计感。我把这两个组件的样式冲突找了出来,是全局样式惹的祸

我量的间距和设计稿永远差两个像素。我想了想自己这些年,好像确实如此。我把这个页面的骨架屏加上了,用户至少不会看到空白。我沉默了,但心里是服的

一个样式只在一半用户手机上错位,我们查了三天没找到规律。这套流程走下来,我从头到尾又确认了一遍。我打开手机看了下这个页面,横屏的时候它散架了。感动,然后我学到了新的一课

明明是同一个页面,真机上是好的,模拟器上是崩的。我默默打开了编辑器,准备一步步验证。我把这个表单的校验规则写了六条,用户还是能绕过去。复盘会上我们把它列成了案例

CSS 居中的终极答案:水平居中用 flex,垂直居中用 flex,全都居中用 flex。我听完沉默了,因为太真实了。我把这个请求的防抖时间设成了三百毫秒,接口压力小了一半。那一刻我觉得自己还是很专业的

我改了一行 CSS,页面从正常变成了另一种正常。我想反驳,但发现他说得对。我在心里数了一下这个页面用到的库,一共十一个

前端工程师写 CSS 的时候:为什么这个 div 就是不听话。我想反驳,但发现他说得对。我在设计稿里量了三遍间距,最后按自己的感觉写的。同事说这波操作可以写进新人培训教材

设计师给的稿子间距是 37px,问就是设计感。我不知道该说什么,就笑了笑。我把这个 loading 状态加上之后,产品说太慢了,其实是网络慢。复盘会上我们把它列成了案例

一个样式只在一半用户手机上错位,我们查了三天没找到规律。我盯着屏幕沉默了十分钟。我打开看了下这个组件的依赖,发现引了一个不该引的库。好在最后有惊无险