Q1选择题难度 3
1/12
性能优化 · 高级 01
记忆强度
虚拟列表中的消息高度不固定，图片加载后高度还会变化，用户滚动时经常出现内容跳动。哪种方案最合理？
列表包含数万条记录，不能一次渲染全部节点；产品要求保持滚动位置稳定，并支持快速跳转到指定记录。
性能优化高级题库第 1 组，共 12 张卡片。
性能优化 · 高级 01
列表包含数万条记录，不能一次渲染全部节点；产品要求保持滚动位置稳定，并支持快速跳转到指定记录。
动态高度虚拟列表需要同时解决偏移估算、真实尺寸更新和视觉锚点稳定三个问题。
记录表明主要瓶颈不是图片下载速度，而是资源发现过晚。
Resource Timing 可以记录页面加载资源的性能信息，但跨源资源的部分详细数据受到安全限制。
正确方案是按数据安全边界拆分接口。
SSR 只能改善服务端生成的初始内容，并不会自动减少客户端 JavaScript。
合理答案是 A、B、D。
轮播图的核心是维护当前页索引，并把索引映射为轨道位移或滚动位置。
虚拟列表把 DOM 和组件数量限制在可视窗口附近，直接控制布局、样式计算与内存开销。
合理答案是 A、C、D。
Vue 3 的优化来自编译期与运行时配合：编译器能够识别静态结构并生成动态标记，使补丁过程更聚焦；
构建工具通常把动态 import 识别为异步代码分割边界，使对应模块及其依赖可以生成独立块，并在功能被调用时请求。
Vue 3 已通过编译期静态标记和运行时更新机制减少部分工作，但父层不断产生新的对象或函数引用，仍可能使子组件接收到变化的 props。