前端

脚本里两个字母，能让页面快得像换引擎，也能让功能深夜连环炸。不阻塞的魔法背后，是谁偷走了顺序、埋下了雷？点进来，5分钟拆穿浏览器最会藏的性能陷阱。

Vue 通信 8 招全场景：props、v-model、provide/inject、EventBus、Pinia、Slot、全局方法、跨应用 postMessage，代码即抄即用，父子跨层全局全覆盖

什么是 CSS 原子化？ CSS 原子化 = 把样式拆成最小不可再分的“原子类”，每个类只含 1 个属性 + 1 个值，附可运行示例。

> “Git 分支？不就是几条线嘛！” > 直到第一次遇到三方合并、rebase、cherry-pick 之后，我才发现自己根本不会用 Git。

Vue2 的模板编译器在解析 AST 时，会把 `v-for` 节点标记为 **父节点**，`v-if` 标记为 **子节点**（或同级节点）.....

从 IE6 的 ActiveX 到现代浏览器的 Stream，用 1 张流程图 + 3 个真实业务案例，帮你 5 分钟选对请求方式。

Map 键值缓存、Set 唯一去重，哈希表 O(1) 性能，基础-->高阶用法,10 个实战代码直接落地。

把浏览器 16.67 ms 帧生命周期拆成 7 个阶段，每阶段给出 可落地的优化点 + 代码示例 + 性能指标，看完就能 精准定位卡顿

不依赖 React，用 **闭包 + + 微任务批处理** 实现可合并更新的 `useState`。

Vue 3.5 发布：大数组响应式性能飙 10 倍；defineProps 解构自带响应式，告别 .value；SSR 支持延迟水合与 useId() 防 ID 冲突；自定义元素全面修复。一句命令升级

用 30 行 ES5 代码从零实现完整 Promise 及其 all/race/finally 全家桶，链式调用、并发等待、错误捕获一步到位，可立即运行验证。

数组扁平化怎么实现？ Array.flat 原生/递归/栈三种写法一键拍平，兼容旧浏览，复制即用。

深拷贝递归复制所有层级，浅拷贝只复制第一层；JSON、递归、structuredClone 三招实战，面试 30 秒答完。

写代码时总担心引入依赖让项目变臃肿？有个实用工具能帮你实时监控 —— 每次导入模块，它都会自动显示对应体积，从几 KB 到几百 KB 一目了然。不管是日常开发还是优化打包体积，都能帮你提前规避

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

前端图片压缩 = 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 秒答完面试。