前端八股文

题目 思路 虚拟DOM转真实DOM的过程是一个递归的过程，我们可以使用递归函数来实现。具体实现过程如下： 在这个实现中，我们先判断当前节点是不是字符串或数字类型，如果是的话，直接创建文本节点并返回。否

Http 2.0和http3.0对比之前的版本, 分别做了哪些改进? HTTP/2.0的改进： 多路复用：HTTP/2.0可以在一个TCP连接上同时发送多个请求和响应，从而避免了HTTP/1.x中的队

这段代码的执行结果是： 解释如下： 首先执行 Foo.a()，输出结果为 4。因为 Foo.a 是一个静态方法，直接执行 Foo.a() 会输出 4。 接着执行 let obj = new Foo()

使用方法： 需要注意的是，在递归拷贝对象或数组中的每一项时，需要判断该项的数据类型。如果是对象或数组，就递归调用 deepClone 函数进行深度拷贝；如果是基本数据类型，就直接赋值给新对象或数组。同

如果大量日志堆在内存中，会导致内存占用过高，可能会导致程序崩溃。为了解决这个问题，可以采取以下几个措施： 定期清除日志：定期清除一些旧的、不再需要的日志，以释放内存空间。 采用日志轮转机制：日志轮转机

在ES5中，继承通常是通过原型链来实现的。子类对象的原型指向父类对象，从而使子类继承了父类的属性和方法。当创建子类对象时，父类的实例方法和属性会在子类对象的原型链上挂载。 例如，以下是一个使用ES5实

Flex布局是一种用于布局的CSS模块，旨在为容器中的子元素提供高度灵活的排列方式。通过Flex布局，可以轻松地实现水平居中、垂直居中、等高列布局等常见布局需求。以下是Flex布局的一些重要概念： 容

Symbol的简单理解 Symbol是ES6中新增的一种基本数据类型，它是一种原始值，表示一个独一无二的标识符。每个Symbol值都是唯一的，即使描述相同，它们也是不相等的。因此，Symbol非常适合

问题： useEffect的第二个参数, 传空数组和传依赖数组有什么区别? 如果return了一个函数, 传空数组的话是在什么时候执行? 传依赖数组的时候是在什么时候执行? 解答： useEffect

区别 useRef、ref和forwardRef都可以用于在React组件中保存和访问状态或DOM节点，但它们的用法和适用场景有所不同。 useRef适用于函数组件中的状态管理 ref适用于类组件和函

Web Worker Web Worker是HTML5提供的一个API，它允许JavaScript运行在后台线程中，独立于主线程，从而实现多线程编程，提高Web应用程序的性能和响应速度。 Web Wo

模块联邦 Webpack 5的模块联邦（Module Federation）是一项新功能，它可以让我们在不同的Webpack构建之间共享JavaScript模块。这意味着我们可以将一个Webpack构

作用域链是JavaScript中一种非常重要的概念，它决定了变量和函数的可访问性。 作用域链是由多个作用域对象构成的链式结构，每个作用域对象都包含了当前作用域中定义的变量和函数，以及指向父级作用域对象

1. 简单Promise的实现 只需要实现下面几个常用部分即可 构造函数 - 可以传入传入回调函数。并提供resolve/reject函数更新内部状态 then - 注册异步成功和失败回调函数，如果状

Promise 内部报错，reject 抛出错误后，由于就近原则，then 的第二个参数会先捕获到异常，catch 则无法获取异常。 但如果是 then 的第一个参数抛出错误，then 的第二个参数会

// 比较含有退格的字符串，"<-"代表退格键，"<"和"-"均为正常字符 // 输入："a<-b<-", "c<-d<-"，结果：true，解释：都为"" // 输入："<-<-ab<-", "

问这个问题是否有点超纲。或者说有什么意义呢？ 参考v8源码分析：https://zhuanlan.zhihu.com/p/150984402 应该是： 开始：创建生成器对象。 暂停：SuspendGe

定义 装饰器模式（Decorator Pattern）是一种结构型设计模式，旨在促进代码复用，可以用于修改现有的系统，希望在系统中为对象添加额外的功能，同时又不需要大量修改原有的代码。 JS中的装饰器

可以使用 setInterval 和 clearInterval 实现间隔输出的功能，具体实现如下： 在 createRepeat 函数中，首先定义了一个计数器 count，用于记录已经输出了几次。然

代码输出什么？为什么 代码输出结果为 string。这是因为 typeof null 的值为 object，typeof "object" 的值为 string，typeof "string" 的值也