从零手写一个支持定高和动态高度的虚拟列表组件，逐行拆解核心计算、缓存策略和 transform 优化

从 React 的 React.memo/useMemo/useCallback 到 Vue 的 v-memo/计算属性，详解框架级渲染优化的原理、陷阱和正确用法

从定高到动态高度，从 offset 定位到 transform 优化，彻底搞懂虚拟列表的核心原理和实现细节

从路由懒加载到可见性加载，详解组件懒加载的三层策略、IntersectionObserver原理和骨架屏最佳实践

从动态import的底层原理到React.lazy/Suspense的实际用法，再到Webpack SplitChunks的配置策略，全面掌握代码分割与懒加载

从响应式原理、Diff算法、设计哲学三维度梳理Vue与React的核心差异，附面试表达框架和决策模型

对比Vue编译时优化（静态提升、Block Tree、patchFlags）与React运行时调度（Fiber、时间切片、优先级），揭示两种优化哲学的本质差异

Vue模板语法与React JSX、Composition API与Hooks的本质差异——"HTML增强"与"JS驱动一切"的底层心智模型对比

Vue3 Diff 是双端比较四指针夹击，优先匹配头头尾尾头尾尾头；React Diff 是单向遍历 Fiber 链表，key 匹配复用不匹配跳出。 Vue 双端在列表反转场景占优，React 简洁换来可维护性与 Fiber 兼容，面试常考两者策略差异与各自适用场景。

Vue3 用 Proxy 自动追踪谁读了谁，变化时精确更新依赖方；React 用不可变数据加显式 setState 触发整棵组件树重跑再靠 Diff 找最小变化。 前者是我帮你追踪，后者是你给我新快照，面试常考两套响应式范式的本质差异与各自取舍。