yuanwei9467的专栏

工程化深度：掌握Webpack编译过程与Chunk生成机制性能意识：熟练使用Chrome Performance分析运行时性能架构思维：理解微前端与模块联邦的设计取舍全链路视角：从代码提交到线上监控形成闭环认知以上解析直击大厂考核要点，建议结合Webpack源码（）和qiankun沙箱实现（）进行拓展学习。

原理深挖：掌握Vue3响应式系统源码实现（packages/reactivity）性能意识：熟练使用Chrome Performance分析渲染性能生态扩展：了解VueUse等工具库的典型实现对比学习：横向对比React Hooks实现差异以上答案覆盖90%大厂Vue面试核心考点，建议结合Vue3源码阅读和实际项目经验进行深化理解。

浅比较 Props 的组件缓存（类似 PureComponent）：跨层级移动节点直接重建（时间复杂度 O(n^3) → O(n)）：列表项用唯一 Key 避免错误复用（如数据库 ID）：缓存计算结果，避免重复计算（如复杂数据转换）：抽象渲染层，支持 Web、Native 等。：高优先级更新（如动画）可打断低优先级任务。：合并多次 DOM 操作，减少重排重绘。：将递归遍历改为链表遍历，支持任务拆分。：逻辑复用，无 UI 的代码抽象（如。：缓存函数引用，避免子组件无效渲染。

将域名转换为IP地址（浏览器缓存 → 系统缓存 → 路由器缓存 → DNS服务器）：DOM复杂度影响布局时间，CSS选择器复杂度影响CSSOM构建。：增量标记（Incremental Marking）减少停顿时间。：利用冒泡机制在父节点统一处理子节点事件（如动态列表）。：DOM + CSSOM → 布局计算（Layout）：JS引擎的JIT（即时编译）技术大幅提升执行速度。：离线应用、资源预缓存、请求拦截（Mock数据）。：后端处理并返回响应（HTML/CSS/JS等）

从根对象（全局变量、活动函数调用栈）出发，递归标记所有可达对象。：敏感数据避免用LocalStorage存储（易受XSS攻击）：同步代码 → 清空微任务队列 → 执行一个宏任务 → 重复。：意外保留不再使用的变量引用（如DOM元素未解绑事件）：WeakMap只接受对象作为键（不接受原始值）：WeakMap键是弱引用，不阻止键对象被回收。：无法处理循环引用（如两个对象相互引用）（V8引擎优化：分代回收+增量标记）：遍历堆内存，回收未被标记的对象。：WeakMap不可枚举（无。对象 → 基本类型：调用。

内联样式（1000）> ID选择器（100）> 类/伪类/属性（10）> 元素/伪元素（1）理解每种方案的兼容性差异（如Transform在iOS8的兼容问题）：根据项目需求选择，注意IOS的hairline特性。能分析不同场景下的选择策略（如动态尺寸推荐方案2）特性：内部垂直排列、阻止外边距合并、隔离浮动元素。BFC（块级格式化上下文）是独立的渲染区域。Layout API：自定义布局。弹性布局（Flex/Grid）属性设置间距（需注意兼容性）流式布局（百分比/视口单位）可能成为下一代CSS开发范式。