面试取经

什么是内存泄露 程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtime）就必须供给内存。 对于持续运行的服务进程（daemon），必须及时释放不再用到的内存。否则，内存占用越来越高，

this 指向总结 this关键字是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。 this 可以用在构造函数之中，表示实例对象。除此之外，this 还可以用在别的场合

作用域（Scope） 什么是作用域 作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。 换句话说，作用域决定了代码区块中变量和其他资源的可见性。 可能这两句话并不好理解，我们先来看个例

执行上下文 执行上下文，英文全称为 Execution Context，一句话概括就是“代码（全局代码、函数代码）执行前进行的准备工作”，也称之为“执行上下文环境”。 运行 JavaScript 代码

生产对象的方式 原型对象与原型链 原型链相关方法 生产对象的方式 不同的语言，生产对象的方式其实并不相同，整体来讲，可以分为两大类： 基于类生产对象 基于原型生产对象 1. 基于类生产对象 这种生产对

数据类型转换介绍 JavaScript 是一种动态类型语言，变量没有类型限制，可以随时赋予任意值。 上面代码中，变量x到底是数值还是字符串，取决于另一个变量y的值。y为true时，x是一个数值；y为f

包装类型 在 ES 中，数据的分类分为基本数据类型和引用类型。 按照最新 ES 标准定义，基本数据类型（primitive value）包括 undefined、null、boolean、number

基本类型（原始类型） 引用类型 基本类型 number string boolean undefined null symbol（es6新增） bigint（es6新增） 所谓基本类型，是因为这些类型

var let const var 最早声明变量的方式，但存在两个问题。 声明提升 作用域污染 作用域 作用域包括全局作用域、函数作用域，es6新增了块级作用域（{}，if块，for块） var 的特

webpack 原理 通过模块化的方式将项目中的各种资源（js、css、图片等）进行打包和优化，最终生成可以在浏览器中加载的静态文件。 具体编译过程 webpack从配置的入口文件开始，递归解析所有依

压缩可以移除模块内部的无效代码 tree shaking 可以移除模块之间的无效代码 背景 某些模块导出的代码并不一定会被用到 tree shaking 用于移除掉不会用到的导出 使用 只要是生产环境

为什么要进行代码压缩 减少代码体积； 破坏代码的可读性，提升破解成本； 什么时候要进行代码压缩 生产环境 使用什么压缩工具 目前最流行的代码压缩工具主要有两个：UglifyJs和Terser Ugli

什么是分包 将默认的打包文件，拆成不同的文件 为什么要分包 提高传输性能 通过减少公共代码，降低总体积（大型第三方库） 充分利用浏览器缓存 确定要分包的条件 多个chunk引入了公共模块 公共模块体积

热替换 HMR 当使用webpack-dev-server时，考虑代码改动到效果呈现的过程 而使用了热替换后，流程发生了变化 使用和原理 更改配置 更改代码 首先，这段代码会参与最终运行！ 当开启了热

优化loader性能 进一步限制loader的应用范围 思路是：对于某些库，不使用loader 例如：babel-loader可以转换ES6或更高版本的语法，可是有些库本身就是用ES5语法书写的，不需

减少模块解析 什么叫模块解析 模块解析包括：抽象语法树分析、依赖分析、模板语法替换，发生在webpack编译过程的第二个阶段（编译阶段） 不做模块解析会怎样 如果某个模块不做解析，该模块经过loade

webpack 的作用是将源代码编译（构建、打包）成最终代码 编译过程 初始化 编译 输出 初始化 webpack会将CLI参数 配置文件 webpack.config.js，以及默认配置进行融合，形

概述 工程化的性能优化主要体现在以下几个方面 构建性能（开发阶段） 降低从打包开始，到代码效果呈现所经过的时间 传输性能 降低打包后的js代码传输到浏览器经过的时间 总传输量：所有需要传输的JS文件的

浏览器地址栏输入地址，回车后，发生了什么 浏览器自动补充协议、端口 浏览器自动完成url编码 浏览器根据url地址查找本地缓存，根据缓存规则查看是否命中缓存，若命中缓存则直接使用缓存，不再发出请求 通

断点续传 下载 若要实现下载时的断点续传，首先，服务器在响应时，要在头中加入下面的字段 这个字段是向客户端表明：我这个文件可以支持传输部分数据，你只需要告诉我你需要的是哪一部分的数据即可，单位是字节