代码织光，视觉重构电商真实世界

　　去年九月，凌晨两点十七分，我蹲在公司茶水间啃冷掉的饭团，手机震了一下——是技术总监发来的截图：首页轮播图底下那行“限时闪购”文案，正以每秒三十帧的速度在 iPhone XS 上闪蓝光。

　　不是动效没关，是文字本身在呼吸。我们改了八次 CSS，第七次连 font-feature-settings 都加了，第八次才看见控制台里飘着个红字：TypeError: Cannot read property 'light' of undefined —— 可那行字压根没调 light 属性啊。

　　我原以为是新上的 WebXR 插件跟轮播组件抢 DOM，结果查了源码，那插件上周就被甲方砍掉了，连 npm 包都删了，本地 node_modules 里只剩个空文件夹（里面养了三只蜘蛛螨，上礼拜保洁阿姨扫出来过）。

　　但那个蓝光还在闪。不规则，有时候两秒闪一次，有时候连闪七下，像旧式CRT显示器接触不良。客服小林录了屏发来，视频里她指着屏幕说：“姐，这回不是用户眼睛花了，是我自己眨眼三次，它闪了四次。”

　　我们盯了二十来分钟，最后发现——只在 Safari 15.6.1（iOS 15.7.2）里闪；Chrome 和 Edge 正常；安卓端全正常；连用 Safari 15.6.0 的 iPad 都不闪。就卡在那一个系统版本、一个浏览器版本、一个设备型号的三角尖上。

　　我翻到 Git 历史，找到九月二号凌晨提交的一行注释：“修复字体抗锯齿在深色模式下的微偏移”。点开 diff：就改了一行 background-clip: text；其余全是空格和换行调整（其实那天我手抖多按了两次 Shift+Space，所以多了十六个不可见的零宽空格）。但那一行 background-clip: text，恰好把文本渲染路径拽进了 Safari 的 WebKit 渲染管线里某个被废弃十年的光栅化分支——它会偷偷启用一个叫 ‘ambientLight’ 的内部标志，而那个标志，在 15.6.1 版本里被 iOS 内核错误地标记为 “active” 状态，哪怕页面根本没申请权限。

　　代码织光，视觉重构电商真实世界——这话我听着顺耳，不是因为炫，是因为它真把人钉在了现实缝里。优胜劣汰不是选爆款还是滞销款，是选谁先发现这个蓝光、谁先猜出它只活在 15.6.1 的 Safari、谁敢在凌晨三点给苹果开发者论坛发帖（贴还被自动归档进“已关闭的旧版兼容性问题”）、谁最后把那段 font-feature-settings 拿掉反而好了——可拿掉之后，新来的设计师又补了回去，因为“字体看起来更锐利”，没人再提蓝光的事，反正用户刷得快，看不清。

　　上周我在仓库整理旧项目文档，翻出那张闪蓝光的截图，右下角时间戳还印着“2023/09/02 02:17:43”。电脑风扇突然响了一声，很轻，像咳嗽。我抬头看隔壁工位，小林正对着新首页原型图皱眉，她说：“这按钮 hover 的光影过渡……怎么有点喘不上气的感觉？”

文章配图，仅供参考

（编辑：航空爱好网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!