Files
Neo-ZQYY/_DEL/miniprogram-dev/05-lessons/convergence-patterns.md
2026-03-15 10:15:02 +08:00

67 lines
2.6 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 收敛模式与不可消除差异
> 记录视觉还原过程中的收敛规律和不可消除差异白名单。
> 基于 A-C 批次53 单元)的实际数据总结。
---
## 不可消除差异白名单
以下差异在所有页面中均存在,不计入差异率,审计报告中标注「不可消除,已忽略」:
| 差异类型 | 根因 | 估计贡献 |
|---|---|---|
| 字体渲染(字形、次像素、间距) | ChromiumNoto Sans SCvs 微信 WebView系统字体 | ~2% |
| 行内元素高度系统性偏小 ~7% | WebView 字体度量ascent/descent/leading差异 | ~1% |
| rpx 取偶数四舍五入 | 每个 px 值换算后取偶数,累积微小偏差 | ~0.5% |
| 抗锯齿差异 | 渲染引擎对边缘像素处理不同 | ~0.5% |
| 环比箭头SVG vs 文字 ↑↓) | 已确认可接受 | — |
| CSS 渐变文字 → 纯色文字 | MP 不支持 `-webkit-text-fill-color` + clip | — |
| Banner 纹理差异 | 7 层叠加渐变 + SVG 纹理无法完全复现 | ~3% |
背景噪音基线:~3.87%Benchmark v3 实测)。<5% 通过目标在基线之上仅有 ~1% 修正空间。
---
## 典型收敛曲线
### 单屏页面board-coach/customer 维度)
- 初始差异率4-11%
- 白名单扣除后:<3%
- 通常 0 轮修正直接通过
### 多屏长页面board-finance
- step-06% → 0 轮通过
- step-600~12009-11% → 含滚动偏移 + 字体渲染
- step-2400~360015-18% → 累积高度偏移,跳过
- step-4200+3% → 页面底部,双端 clamp 到 maxScroll
### 任务详情系列task-detail
- step-020-24% → mock 数据差异 ~15% + Banner 纹理 ~3% + 字体 ~3%
- 全部跳过(白名单覆盖)
---
## 跳过原因分类
| 原因 | 出现频率 | 可修复性 |
|------|---------|---------|
| 累积高度偏移rpx 取整导致 MP 页面更短) | 高 | 不可修复(系统性) |
| mock 数据差异 | 中 | 可修复(对齐数据) |
| Banner 纹理差异 | 中 | 部分可修复(简化纹理) |
| 话术设计变体H5 vs MP 实现差异) | 低 | 需重构 |
---
## 高度偏移规律
MP 页面总高度因 rpx 取整累积比 H5 略短。偏移量随页面长度增大:
| 页面 | H5 scrollHeight | MP scrollHeight | 偏移 |
|------|----------------|----------------|------|
| board-finance/default | 5600px | ~5030px | ~570px10% |
| board-finance/compare | 5579px | ~5030px | ~549px |
偏移导致中间屏step-2400~3600的内容窗口错位严重是跳过的主要原因。
页面首尾屏不受影响(首屏 scrollTop=0尾屏双端 clamp 到 maxScroll