UniApp列表优化：虚拟列表之后还有flatten

虚拟列表解决了“只渲染可视区域”，但数据层级太深时，flatten能让渲染再快一步。

虚拟列表把 1000 条数据裁到 20 条，节点从 6000 降到 120。可剩下的节点照样套着多层嵌套，每个都单独算布局、生成绘制指令。

flatten 专治这个。给组件加个 flatten 属性，它就把多余层级拍平，内容直接画在父节点上。审查元素里连独立边界都看不到。

不过这招挺挑场景。加了 flatten 的节点点不动，z-index 这些样式也失效。GIF 动图会卡在第一帧，而且必须两个相邻节点一起拍平才划算，单拆一个反而降速。

拿电商订单测了一把。原来 50 条可见项要 600 个节点，把不用点击的容器全拍平后，直接压到了 200 个。嵌套越深，省得越多。

测试时还有个坑：Android 默认开着“压缩 so 库”，会拖慢性能。想看真实提升，记得先关掉它，再打正式包跑一遍。
#UniApp  #虚拟列表  #flatten  #渲染优化  #前端性能