面试题

🔒 前端安全最佳实践 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. 多次请求合并

🧭 流程概览： ✅ 1. 用户访问前端页面 用户访问前端 SPA 页面（例如 https://app.example.com）。 🔍 2. 前端检测本地是否已登录 前端检查本地是否有有效的 token

五分钟刷新请求 使用案例 JavaScript 定时器的精度受 浏览器调度 和 主线程阻塞 影响。 这意味着 两次请求之间的间隔是 5 分钟 + 3 秒，会随着网络波动慢慢偏移。 ### 使用时间差纠

1. 使用 useGPU / progressive 开启渐进式渲染 2. 降采样（下采样） 3. 使用 Canvas 而非 SVG 4. progressive 分批渲染（适合 scatter/li

基于 pnpm monorepo 项目工程设计，字节框架传授多场景项目架构要诀 你的过往项目中，项目和工程化架构有没有做过，有没有了解 monorepo 框架方案？ 传统架构概述 组件库、用户中心、脚

1. 页面上有100万个任务需要执行，如何保证页面不卡顿？ 为了确保页面在执行大量任务时不卡顿，可以采用以下技术方案： requestIdleCallback：浏览器提供的 API，在主线程空闲时执行

setTimeout(fn, 0)何时执行 promise函数何时执行 then何时执行 1. setTimeout？ settimeout、ajax等异步操作的回调，会进入”任务队列“中，而且只有主

Vite 和 Webpack 都是现代前端构建工具，但它们的工作方式、构建速度、功能特点等方面有很大的差异。下面是对这两者的对比，包括它们的工作原理、性能优化、使用场景等。 1. 构建原理 Vite