基础问答 问：知道浅拷贝和深拷贝吗？为什么要用深拷贝？ 答：拷贝，可以认为是赋值，对于 JavaScript 中的基础类型，如 string, number, null, boolean, undefined, symbol 等，在赋值给一个变量的时候，是直接拷贝值给变量，而对于引用类型，如 obj

基础问答 问：Proxy 是什么？怎么使用的？ 答：Proxy 是用于创建 “对象代理” 的构造函数，它能封装目标对象（target），并通过 “拦截器对象（handler）” 自定义目标对象的基础操作（如属性读取、赋值），实现对对象行为的 “劫持”，手写使用方式。 // 语法：new Proxy(

基础问答 问：有使用过 Promise.race 吗，说说他的作用。 答：Promise.race 接收一个 Promise 数组（或者一个具有迭代器的对象）作为参数，返回一个新的Promise，这个新的 Promise 结果是数组中第一个状态变更的Promise对象，无所谓这个状态是否是成功（fu

基础问答 问：async/await 的原理是什么？ 答：关键字本身就是 Promise 的语法糖，依托于生成器函数 （Generator） 函数能力实现的。async 关键字标志这个函数为异步函数，并且将返回结果封装为一个 Promise，await 则是暂停当前执行，等待后续的异步操作完成后再恢

基础问答 问题：标准的 CSS 盒子模型是怎样的？ 答案：标准盒子模型由内容区域（content）、内边距（padding）、边框（border）和外边距（margin）组成。在 content-box 模式下，width 和 height 属性仅指内容区域的宽度和高度，元素实际占据的宽度 = wi

基础问答 问题：谈一谈你对 React Hook的闭包陷阱的理解。 产生问题的原因：JavaScript 闭包特性 + Hooks 渲染机制 闭包的本质：函数能够访问其定义时所在的词法作用域，即使函数在作用域外执行，也可以记住定义时的词法作用域的内容，后续执行时，使用这些信息。 function c

简洁版 CSS 只需要使用 css 属性 position: sticky 即可，但是这个属性的使用有很多约束条件，有时可能并不能生效。 JavaScript 这里简化一些代码，使用 React 写了一个 hooks，使用了 ahooks 库去维护 event 和 React 生命周期。 impor

简洁版 代码如下： /** * 创建用于获取文字宽度的 DOM，全局唯一 * @returns */ const createTextDom = (fontSize?: number): HTMLElement => { let dom = document.getElementById(