前端

本文以 Vite + Vue3 为例，逐行跟踪 npm run build 的全过程，附 1 张流程图 + 关键日志，看完能 30 秒答完面试。

表格 5k 条数据首屏卡成 PPT？用 shallowRef 秒提速 70%；还有 9 个被忽视的 Vue3 冷知识，让你的代码体积、性能、可维护性同时飞升，点击看看你用过的有几个！

除 pull/commit/push 外，stash、rebase、worktree 等 10 个 Git 冷门命令让合并冲突、回滚、并行开发三步搞定，效率翻三倍，复制即用。

v-memo、defineOptions、useTemplateRef 等 7 个 Vue 隐藏技巧，让模板更简洁、组件更可控、性能更优，面试答出一条即可加分。

Page Visibility、Web Share、Broadcast Channel 等 10 个被忽视却极实用的 JS API，能一键实现跨标签通信、懒加载、取消请求等高频需求，复制即用，面试加分

useMemo 是“计算缓存器”，仅在依赖变化时重算，避免昂贵计算与子组件重渲染；配合 React.memo 使用，React 19 后编译器可自动优化，记住“先写简单代码，再手动优化瓶颈”。

面试官：有了解过协商缓存和强缓存吗？协商缓存和强缓存是 HTTP 缓存机制的两种主要策略，它们的核心区别是什么，什么时候会用到。

本文用 3 分钟 + 3 个实战，带你吃透 queueMicrotask 与 MutationObserver。

requestIdleCallback 把主线程空闲时间变成“垃圾处理器”——埋点、预加载、长计算零阻塞执行，4 行代码即可落地

面试 3 分钟，Map vs Set 答成“一个有 key 一个没有”？ 今天用 5 个真实代码片段，让你把区别 + 场景一次说清。

JavaScript 数组全解析：从「到底是不是数组？」到「方法全家桶」一篇搞定 “把数组玩透，才能把前端写活。”

与 npm 和 Yarn 相比，pnpm 在大型项目和多项目开发中表现出色，严格依赖解析避免“依赖地狱”。其原生支持 Monorepo，适合复杂项目管理。pnpm 正在快速成长，值得开发者尝试。

两行命令，调试效率翻 5 倍。 本文手把手教你用 console.table 把接口秒变成可排序的 Excel 表格，用 console.time/timeEnd 在毫秒级精准定位性能瓶颈——无需插件

Webpack “先打包再跑”，大而全、配置多，适合兼容旧浏览器和需要 Module Federation 的巨型项目；Vite “按需即编译”，启动和热更新秒级、配置极简，适合现代浏览器的新项目，两

还在 Promise 链里迷路？本文用**登录→列表→超时**三大真实场景，对比 Promise 与 async/await 的写法、性能与可读性，附避坑清单，让你 5 分钟选对异步

Promise 是异步编程的基石，但你真的用对了吗？本文从 Promise 的原理讲起，带你实现一个迷你 Promise，再把 Promise 的 10+ 方法一网打尽，最后结合实际开发场景，教你如何

一篇文章搞定 React 生命周期：用真实场景（首屏骨架屏、长列表滚动、弹窗动画、热更新、异常兜底）分别演示类组件 4 大钩子与函数组件 4 大 Hooks，附 2025 选型速查表，复制即可用。

什么是 AST？ AST（抽象语法树）是一种树形结构，用于表示程序代码的语法结构。它将代码分解为一系列的节点，每个节点代表代码中的一个元素，如变量、函数、表达式等。

React 界面更新 = setState 触发 → Fiber 调度 → 可中断渲染 → 同步 Commit → 浏览器绘制，附并发示例与 6 步链路图，面试秒答。

Event Loop 先跑宏任务→清空微任务→浏览器渲染；每 16.67 ms 走样式→布局→绘制→合成；GC 分新生代复制+老生代标记整理，闭包引用置空防泄漏；源码经 AST→字节码→机器码，工具链