前端八股文

知识点 基本概念：如入口（entry）、出口（output）、Loader、Plugin、模式（mode）等。 配置文件：理解Webpack配置文件（通常是webpack.config.js）的结构和

知识点 面试题 概况：说说你对ts的理解？与js的区别？ 是一种静态类型语言，提供了类型注解，在代码编译阶段就可以检查数据类型的错误。 是Javascript的类型超集，支持es6语法，支持面向对象编

本文将常见手写真题汇总，便于大家刷题使用。本文内容包括： Promise系列 数组系列 JS原理系列 函数式编程系列 等等 Promise系列 手写Promise 手写Promise.all 手写Pr

知识点 浏览器工作原理 渲染引擎 JavaScript 引擎 网络模块 渲染过程 构建 DOM 树 计算 CSS 样式 布局页面 绘制页面 JavaScript 执行机制 单线程执行 事件循环和异步回

知识点 常见的正则表达式分类： 匹配字符： 字面量匹配：例如 /abc/ 匹配字符串中的 "abc"。 字符类：例如 /[a-z]/ 匹配小写字母。 反义字符类：例如 /[^0-9]/ 匹配非数字字符

考点 基础语法 变量、数据类型、运算符 流程控制（if/else、for、while等） 函数 对象和面向对象编程 对象创建和访问（字面量、构造函数、class等） 继承和原型链 this关键字和作用

考察的知识点 CSS语法和基础概念 盒子模型 CSS选择器 属性和值 布局 浮动 定位 弹性布局 网格布局 样式优化 盒模型 背景和边框 文字 图片 字体 动画 过渡 动画 变换 响应式 媒体查询 移

数组去重是前端比较基础的面试题了，一般用于校招。 思路1：数组循环判断是否包含了 使用 思路2：set + array

解释： const obj = Object.create(constructor.prototype);创建一个空对象obj，并将其原型设置为构造函数的prototype属性。这样，obj就可以继承

实现如下效果的数组打平函数： 原生的实现方法：无限层级打平就行 也可以用数组的reduce函数循环并递归调用

Object.create() 是 JavaScript 中用于创建一个新对象，并以指定的原型对象作为新对象的原型的方法。下面是一个简单的实现示例：

比较简单，都是for循环上加上特别的处理。比较简单，都是for循环上加上特别的处理。比较简单，都是for循环上加上特别的处理。比较简单，都是for循环上加上特别的处理。

setTimeout 用于在指定的时间后执行一次回调函数。 setInterval 则是按照指定的时间间隔循环执行回调函数。 setTimeout模拟setInterval 执行后继续递归 setIn

在 JavaScript 中，可以使用原型链来实现类似于 instanceOf 的功能。instanceOf 实际上是检查一个对象的原型链中是否存在指定的构造函数。 下面是一个简单的 JavaScri

实现 compose函数通常用于函数式编程中，它接受多个函数作为参数，并返回一个新的函数，该函数将按照参数列表中的顺序依次调用这些函数。 for循环实现 reduce实现 这个compose函数接受任

实现 函数柯里化是一种转换函数的技术，通过将接受多个参数的函数转换为一系列接受单个参数的函数来实现。这些单参数的函数被称为柯里化函数。 应用 以下是一些常见的应用场景及其对应的代码示例： 参数复用和配

关键点：Promise.all等带所有任务执行完，每个任务执行后then/catch的结果都转换为对象。

接收一个包含异步操作的数组，并返回一个新的Promise，该Promise将会在所有异步操作都完成后返回一个结果数组。 关键点：map返回catch后的值的Promise，all执行所有。

接收一个异步操作的函数和重试次数，如果操作失败，则进行重试，直到达到最大重试次数或操作成功。 关键点：返回一个Promise。执行attempt，当任务catch时计数并迭代

接收一组异步任务，并按照顺序依次执行，确保前一个任务完成后再执行下一个任务。 关键点：使用 reduce 方法和 Promise 的链式调用来实现异步任务的串行执行和结果的累加。