面试题

1. 极致的代码复用与共享 在多仓库时代，如果你想复用一个 UI 组件或工具函数，你需要先发 NPM 包，然后在另一个项目中更新依赖版本。 Monorepo 方案：  所有的包都在同一个仓库。你可以直

1. 响应式系统 (Reactivity) —— 框架的“心脏” 你需要决定框架如何发现“数据变了”并通知 UI 更新。 机制选择： 基于 Diff (React 模式)：  数据变了就重新执行函数，

1. 核心差异对比 维度 React (灵活性/自由度) Vue (工业化/一致性) 编程模型 JSX (All in JS) 。万物皆函数，逻辑高度抽象，学习曲线稍陡。 SFC (单文件组件) 。H

一、token无感刷新 要实现 Token 无感刷新： a. 请求时带上 Token "每次发起 API 请求时，都需要在请求头中携带 Access Token，通常是使用 Authorization

个人健身与减脂增肌计划 (PPL 周期) 📊 现状分析摘要 体型归类：  强壮型/偏胖型（肌肉量极高，但 BMI 偏高）。 核心目标：  降低体脂率（目标 <15%），强化下肢，优化肩部线条，提高代谢

一、 体测报告深度分析 1. 核心数据变化（10月 vs 12月）： 体重：  从 89.7kg 增加到了 91.1kg。 体脂率：  维持在 18.9%  左右（10月初曾是18.2%）。 骨骼肌：

💡 技术问题与解决方案总结 1. 元素过渡动画失效：display: none 的影响 问题描述: 使用 display: none 来隐藏/显示元素时，无法触发 CSS 过渡 (Transition

🔒 前端安全最佳实践 Checklist 1. XSS 防护 所有用户输入都进行 严格校验和转义（避免直接 innerHTML）。 使用 DOM API 安全插入内容（textContent / in

总结对比 特性 WebSocket SSE 连接方式 双向通信，客户端和服务器都可以发送消息 单向通信，服务器向客户端发送消息 协议 WebSocket 协议（ws:// 或 wss://） 基于 H

1.了解过脚手架/命令行工具开发吗，简单说明开发要点 先叙述背景，为什么要做脚手架 技术要点，nodejs开发，用了哪些依赖库 实现了vue create vue page 工作流和自动化落地的东西

事件循环 执行完一个宏任务后，立即清空所有微任务，然后在进行ui渲染，最后再开启下一个宏任务。 1.首先script标签里代码作为宏任务开始执行。 2.在执行过程中，同步代码直接在调用栈上运行 3.如

✅ 性能优化： 首屏加载优化---打开速度快 缓存优化---再次打开速度快 渲染优化---操作怎么才顺滑 上任务拆分优化---动画保证流畅 之前做过哪些性能优化？ 首屏优化指标细化 FP(首次绘制)

1.usecontext和redux有啥缺陷 useContext 本质只是 跨组件传值，并不是真正的“状态管理库”。 缺点： 更新粒度粗 Provider 里的 value 变化时，所有用到 use

🔹1. 为什么 useState 更新了，但打印是旧值？ 原因： setCount 并不会立刻修改 count，而是 调度一次重新渲染。 在当前函数调用上下文里，count 还是旧的。 下一次渲染函数

1.keepalive原理 基本作用 正常情况：组件切换时会被销毁（beforeUnmount → unmounted），再次进入时重新挂载。 使用 <keep-alive> ：组件不会销毁，而是被缓

Object.defineProperty： 缺点： 只能监听具体的属性，不能直接监听整个对象。 不能拦截 delete、in、for...in 等操作。 对数组、动态新增的属性支持不好。 Proxy

1. useEffect和uselayoutEffect区别 Hook 触发时机 是否阻塞渲染 useEffect 浏览器完成渲染（绘制）之后 才执行，属于 异步 调用，不会阻塞页面的绘制。 ❌ 不阻

```md let arr = [2, 9, 6, 7, 4, 3, 1, 7, 0, -1, -2]; // Symbol("description") 是一种用于表示任意精度整数的数据类型，可以安

JavaScript 数据结构与算法分析 1. 时间复杂度分析 示例代码 O(n) 线性复杂度 2. O(n²) 平方复杂度 3. 嵌套函数 O(n²) 复杂度分类 类型 表示法 特征描述 示例 常量

🧠 一、限制并发请求数量 . 请求队列 / 并发池 使用并发控制技术，如「请求池」或「信号量」控制并发请求数量，防止前端同时发出大量请求。 🔁 二、合并请求（请求合并 / 批处理） 1. 多次请求合并