前端面试八股文

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 8 天，点击查看活动详情 一个数据包的“旅程” TCP首部部分字段意义 确认号：占4个字节，是期望收到对方下一个报文段的第一个数据

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 6 天，点击查看活动详情 一、简介 EventBus又叫事件总线，是发布-订阅设计模式的一种实现，用于线程或组件间的通信。今天要讲

我经常遇到跨域问题，在本地启动前端项目，通过3000端口访问`http://localhost:3000`，本地启动服务器在却在另一个端口`http://localhost:80`，这时如果不做处理，

CSRF（Cross-site request forgery）跨站请求伪造：黑客通过冒用用户的登录凭证（cookie），在第三方网站向目标网站发送请求，绕过后台用户认证，实现某项用户操作的目的。

现在有一个需求，我在网站登录过一次之后，下一次打开直接是登录状态，无需再次输入账号密码。 接下来我会用两种方法来实现：`Token`，`Session`。要实现自动登录，首先想到的是自动发送账号密码

Cookie、Session、token、计算机网络、用户权限、JWT、express搭建后端服务器

这两天整理项目经历，看到这一个知识点，重新实现了一遍，顺便记录一下。 一、为什么要做懒加载和代码分割？ 背景： 随着项目开发，业务功能增加，代码量随着增长，代码包体积日渐肥胖，尤其是整合了多种第三方库

原型到原型链 构造函数创建对象 我们先使用构造函数创建一个对象： 在这个例子中，Person 就是一个构造函数，我们使用 new 创建了一个实例对象 person。 很简单吧，接下来进入正题： pro

call、apply的模拟实现 call与apply的异同 ECAMScript 3给Function的原型定义了两个方法，它们是Function.prototype.call和Function.pr

模拟实现new 这里我采用函数，来模拟new运算符 MDN对new操作符的描述 new 关键字会进行如下的操作： 创建一个空的简单 JavaScript 对象（即{}）； 为步骤 1 新创建的对象添加

this 指向 this 只有调用之后才知道指向谁，一般指向函数调用者 1.没人调用默认指向window 2.严格模式 this指向undefined 3.对象b调用函数，所以输出1 4.还是对象b调

数据类型判断 1.typeof 操作符 number string boolean undefined 声明但未初始化和未声明 typeof输出都是"undefined"，但直接打印未声明变量是会报错

bind 模拟实现 MDN对bind参数的介绍 thisArg 调用绑定函数时作为 this 参数传递给目标函数的值。 如果使用new运算符构造绑定函数，则忽略该值。当使用 bind 在 setTim

先来看一段代码，创建一个Promise实例，状态设置为成功fulfilled 往Promise构造函数传入一个函数，函数有两个参数： resolve：resolve函数的作用是，将Promise对象的