列表渲染面试题解析

标签题目

列表渲染相关面试题

这题考察前端性能定位和大列表治理。回答要先判断瓶颈来源，再按数据、渲染、更新、资源和交互体验分层优化。

把列表的 index 当作 key，最大问题不是性能差一点，而是把位置误当成了数据身份。当列表发生插入、删除、排序、过滤时，同一个 index 会指向不同数据，框架会错误复用组件实例和 DOM 节点，导致本地 state、输入值、动画状态、缓存结果和副作用都可能跟真实数据错位。