前端

在浏览器的 **滚动、搜索、窗口大小变化** 等高频事件里，如果你还在 **无差别触发函数**，页面会卡顿、接口会爆炸、服务器会报警。

前端图片压缩 = Canvas/Compressor 压缩 + WebP/Web Worker 优化 + 构建/部署链集成，按清单执行，体积直降 80%。

在数字化业务日益复杂的今天，用户往往需要在多个子系统（OA、CRM、BI、移动端 App、小程序）之间来回切换。传统方式要求用户为每个系统单独输入账号密码，既繁琐又易遗忘，还会带来 重复开发、密码泄露

网络压缩+缓存、代码分割+懒加载、渲染优化+监控，四步把首屏从3秒打到1秒，附可复制代码与实战指标。

React Router 6 用 Routes+Route 声明路由，useNavigate 跳转；参数用 useParams、useSearchParams；守卫用 Outlet+Navigate；

本文以 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 分钟选对异步