前端面试题精选

为什么需要心跳检测？ 正常的情况客户端断开连接会向服务端发送一个fin包，服务端收到fin包后得知客户端连接断开，则立刻触发onClose事件回调。 心跳包格式：WebSocket协议RFC6455中

一、是什么 webpack proxy，即webpack提供的代理服务 基本行为就是接收客户端发送的请求后转发给其他服务器 其目的是为了便于开发者在开发模式下解决跨域问题（浏览器安全策略限制） 想要实

前端测试 场景 这边指的测试是指白盒测试，用代码来测试代码。 测试有利于提升代码质量。 代码功能和需求一致。根据需求，写测试。测试通过了，则表明需求实现了。 保证代码重构后，未改坏以前的功能。代码重构

常见鉴权方式 目前我们常用的鉴权有四种： HTTP Basic Authentication (HTTP基本认证) session-cookie Token 验证(包括JWT,SSO) OAuth(开

一、是什么 一般情况下，出现分支的场景有如下： 多个分支代码合并到一个分支时 多个分支向同一个远端分支推送 具体情况就是，多个分支修改了同一个文件（任何地方）或者多个分支修改了同一个文件的名称 如果两

一、模块化工具 模块化是一种处理复杂系统分解为更好的可管理模块的方式 可以用来分割，组织和打包应用。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整体(bundle) 在前端领域

一、前言 git 的操作可以通过命令的形式如执行，日常使用就如下图6个命令即可 实际上，如果想要熟练使用，超过60多个命令需要了解，下面则介绍下常见的的git 命令 二、有哪些 配置 Git 自带一个

一、区别 前面两节我们有提到Loader与Plugin对应的概念，先来回顾下 loader 是文件加载器，能够加载资源文件，并对这些文件进行一些处理，诸如编译、压缩等，最终一起打包到指定的文件中 pl

一、背景 随着我们的项目涉及到页面越来越多，功能和业务代码也会随着越多，相应的 webpack 的构建时间也会越来越久 构建时间与我们日常开发效率密切相关，当我们本地开发启动 devServer 或者

一、是什么 HMR 全称 Hot Module Replacement，可以理解为模块热替换，指在应用程序运行过程中，替换、添加、删除模块，而无需重新刷新整个应用 例如，我们在应用运行过程中修改了某个

一、运行流程 webpack 的运行流程是一个串行的过程，它的工作流程就是将各个插件串联起来 在运行过程中会广播事件，插件只需要监听它所关心的事件，就能加入到这条webpack机制中，去改变webpa

Virtual Dom 算法实现 既然我们已经通过 JS 来模拟实现了 DOM，那么接下来的难点就在于如何判断旧的对象和新的对象之间的差异。 DOM 是多叉树的结构，如果需要完整的对比两颗树的差异，那

众所周知，操作 DOM 是很耗费性能的一件事情，既然如此，我们可以考虑通过 JS 对象来模拟 DOM 对象，毕竟操作 JS 对象比操作 DOM 省时的多。 举个例子 从上述例子中，我们一眼就可以看出先

一、是什么 Tree shaking 是一种通过清除多余代码方式来优化项目打包体积的技术，专业术语叫 Dead code elimination 简单来讲，就是在保持代码运行结果不变的前提下，去除无用

1）XSS：跨站脚本攻击 就是攻击者想尽一切办法将可以执行的代码注入到网页中。 存储型（server端）： 场景：见于带有用户保存数据的网站功能，如论坛发帖、商品评论、用户私信等。 攻击步骤： i）攻

一、三次握手 三次握手（Three-way Handshake）其实就是指建立一个TCP连接时，需要客户端和服务器总共发送3个包 主要作用就是为了确认双方的接收能力和发送能力是否正常、指定自己的初始化

一、是什么 HTTP头字段（HTTP header fields）,是指在超文本传输协议（HTTP）的请求和响应消息中的消息头部分 它们定义了一个超文本传输协议事务中的操作参数 HTTP头部字段可以自

如何理解CDN？说说实现原理？ 一、是什么 CDN (全称 Content Delivery Network)，即内容分发网络 构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中

一、是什么 TCP/IP，传输控制协议/网际协议，是指能够在多个不同网络间实现信息传输的协议簇 TCP（传输控制协议） 一种面向连接的、可靠的、基于字节流的传输层通信协议 IP（网际协议） 用于封包交

一、Http 协议无状态的含义 二、如何解决无状态问题 HTTP 协议是无状态的，无状态意味着，服务器无法给不同的客户端响应不同的信息。这样一些交互业务就无法支撑了。Cookie 应运而生。