面试题

🧭 流程概览： ✅ 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

1. 什么是 Three.js？它的主要作用是什么？ Three.js 是一个基于 WebGL 的 3D 图形库，用于在 Web 浏览器中创建和显示 3D 场景。 它的主要作用是简化 WebGL 的开

1. 减少重绘和回流 避免频繁操作 DOM： 合并多次操作为一次，或使用文档片段 (DocumentFragment)。 避免用 innerHTML 频繁修改大块内容。 避免触发同步回流属性： 避免在

在 React 中，如果需要按顺序执行多个接口请求？ 1.使用 async/await 串行化请求 2.使用 Promise 链 3.使用 for 循环和 async/await 4.使用 async

浏览器原理 浏览器是如何渲染页面的？ 当浏览器的网络线程收到HTML文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。 在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染

1. 单例模式 单例模式可以保证全局只有一个实例，避免了重复创建和资源浪费的问题。 2. 工厂模式 工厂模式可以将对象的创建和使用分离，提高代码的灵活性和可维护性。 3. 观察者模式 观察者模式是一种

React Fiber react16.8 架构 r (转成对象 AST) 手写 render (转成 dom) 为什么需要 fiber VDOM=>DOM renderer 渲染器 reconcil