产品经理说这个动画要丝滑,我问什么叫丝滑,他说你看着办。我先确认了一遍前置条件,再动手。我打开了设计稿的标注,发现它自己都不自洽。好在最后有惊无险

我改了一行 CSS,页面从正常变成了另一种正常。我把它记在心里,没跟任何人说。我把这个页面的骨架屏加上了,用户至少不会看到空白。第二天这个方案就变成了团队标准做法

前端的日常是在像素和体验之间做妥协。我抬起头看了看周围,大家都一样。我在控制台里改了三行 CSS 试效果,改完忘了同步回代码。办公室安静得能听见键盘声

前端最怕听到的三个字是「再调调」。我愣了两秒,然后继续敲代码。我打开看了下这个交互的实现方式,发现和隔壁组不一样。世界瞬间清净了

前端监控突然报了一堆 Safari 的错误,我第一反应是统计口径错了。我打开记录从头到尾扫了一遍。我打开了设计稿的标注,发现它自己都不自洽。这条经验值直接拉满

前端的时间有一半花在了和浏览器解释同一个样式。我想反驳,但发现他说得对。我在真机上装了调试工具,半小时后找到了那个盒模型的偏差。好在最后有惊无险

我改了一行 CSS,页面从正常变成了另一种正常。我想了想,觉得这话没法接。我在控制台里改了三行 CSS 试效果,改完忘了同步回代码

我量的间距和设计稿永远差两个像素。我叹了口气,然后打开了编辑器。我在心里把这次改动的范围圈了一下,最后发现是整页。感动,然后我学到了新的一课

前端的日常是在像素和体验之间做妥协。我在心里点了点头。我在苹果的浏览器里试了一下,输入框又被顶起来了。感动,然后我学到了新的一课

我量的间距和设计稿永远差两个像素。我默默记下了这句话。我把这个动画换成了 CSS 实现,JS 终于可以歇一会。同事说这波操作可以写进新人培训教材