移动互联时代，代码重构你的数字身份

　　去年国庆前夜，我在公司工位上盯着 Chrome DevTools Performance 面板里那根歪斜的主线程堆栈，手机横在左手边，微信弹窗跳着“设计刚改了图标间距”，右下角是小程序开发者工具里灰掉的「真机调试」按钮——因为 iOS 17.4 beta 不认我们打包用的 wxs-loader 版本。键盘上空格键早就掉了，只剩胶印，按下去得用指腹斜压才触发。

　　跟产品吵架那会儿会议室白板没擦干净，上一轮需求评审留下的「首屏≤1.5s」还糊在右下角，旁边新写的「支持离线身份核验」被马克笔涂改过三次，字迹越来越潦草。他站在投影幕布前面说“用户打开就是刷脸”，我端着杯子站在门框边没接话，水汽把镜片糊了一半，杯底搁在门框边缘，一厘米悬空。背后有人走过，椅子腿刮地“吱——”一声，震得我手腕抖了一下，半口枸杞水泼在裤子上。

　　问题复盘不是回溯时间线，是翻 Git 记录：commit hash 3a8f2d0 里删了所有 `console.warn('xxx deprecated')`，就为过审核；6b1e9c1 是加了微信授权弹窗防遮挡逻辑，但忘了安卓 WebView 的 `window.innerWidth` 在弹窗展开时会临时缩成 0；最要命的是 f4c7512 —— 后端突然把 `GET /user/profile` 改成 POST + body 传 token，文档没更新，SDK 没同步，而我们用了三个地方直接 fetch() 硬写 URL。那天晚上我切到真机测，控制台报错第一行写着：`Failed to execute 'fetch' on 'Window': Request with GET/HEAD method cannot have body.`

文章配图，仅供参考

　　数字身份？重构？扯淡。你让一个用 Vue 2 + mpvue 写小程序的老项目，在不升级基础库、不换构建链路、不碰底层 SDK 的前提下，“重构数字身份”——最后干出来的是在 `onLaunch` 里塞了个 `wx.getExtConfigSync()` 来读取渠道码参数，然后在 `getUserProfile` 回调里拼接字符串再 base64 encode 进 localStorage。不是为了安全，是因第三方人脸识别 SDK 只认这一串 key。结果上线第一天，iOS 用户点开就白屏，不是 JS 报错，是页面 render 到一半，`` 标签突然消失，控制台一片红，Performance 面板里 Layout 任务卡在 `recalculate style` 超过 120ms。我拿 iPhone XS 真机连着 Safari Web Inspector 看，看到第 3 帧开始，style recalculations 一帧挤进 7 个，全是因为那个 `` 里嵌套了三层 `hidden` + `wx:elif` + `wx:else`，每切一次 tab，WXML diff 引发两次完整重排。记不清具体耗时，大概几秒。

　　外卖到了没人去拿，在茶水间保温箱里放了三小时，纸袋塌陷成饼状，塑料盖上凝着水珠。工位显示器是竖着的，就为同时看两份设计稿和一份接口返回字段比对表，中间插着一台华为 P40 Pro 测试机，锁屏界面一直停在微信扫码登录页——那是上周五下班前最后一个卡点，测试同学说“扫完没跳转”，但我本地一切正常。后来发现是 `wx.login()` callback 里用了 Promise.allSettled()，而真机引擎不认这个 API，降级 fallback 逻辑被 webpack 打包时 tree-shaking 掉了——因为配置里写了 `target: 'es2017'`，可微信基础库 2.27.0 只支持到 es2019。这事没在构建日志里报错，只在 `npm run build:mp` 最后一行闪了半秒 warning：`[WARNING] Some features not supported in target runtime`。

　　“移动互联时代，代码重构你的数字身份”？这话听着像中台PPT第7页配图旁的标语，实际执行下来，是你在凌晨一点把 `localStorage.setItem('identity', JSON.stringify(...))` 换成 `wx.setStorageSync('identity_v2', {...})`，只因为 v1 版本里存了 Date 对象，而微信开发者工具模拟器里 `JSON.parse()` 会把 Date 字符串反解成 null，导致登录态失效；是你把 `wx.getNetworkType()` 的回调封装进 try/catch，只因某个 Android 12 定制 ROM 下它会在弱网状态抛出 `not implemented` 而非返回 `none`；是你在 `onPageScroll` 里砍掉所有 `this.setData()`，哪怕只是改一个滚动指示器 visibility，也得用 CSS transform + transition 绕过去——因为 setData 在低端机上单次超过 10KB 就会触发热重绘，而热重绘卡住主线程的时候，手指还在划屏幕，`touchmove` 事件积压成队列，松手那一刻页面跳三帧。

　　别跟我谈身份抽象层、认证协议演进、去中心化标识（DID）。我上周刚修完的 bug 是：H5 页面用 `navigator.credentials.get()` 调用 WebAuthn，Chrome 95+ 正常，但某些 OPPO 手机内置浏览器（内核是 Blink 87）里 `allowCredentials` 参数里带了 `type: "public-key"`，直接 trigger `NotAllowedError`，不报 stack，不打日志，只有 Network 面板能看到 OPTIONS 请求 204 返回后，后续 POST 消失得无影无踪。查了三天，最终解决方案是把那一整个 credential 选项对象深拷贝后删掉 `type` 字段——不是因为 spec 要求，是因为那个定制浏览器的实现漏判了默认值。

　　现在，我把 f4c7512 那个 commit revert 了两行，保留 `method: 'POST'`，但把 body 改成 query string append 在 URL 后面，用 `encodeURIComponent` 包了三遍，然后在 mock server 层硬解析。这不是最佳实践，是能过审、能上线、能让 QA 点击通过的最小改动集。至于数字身份？先让它活过双十一流量峰值再说。明天上午九点，我要把竖屏显示器放正，去重新对一遍设计稿标注——上次给的蓝湖链接里，「人脸采集区域」高度标的是 360rpx，实际渲染出来是 362，差的 2px 在 iPhone SE 上正好压住底部安全区，导致用户看不见「继续拍摄」按钮。

（编辑：站长网）

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