用得上的前端知识

基本概念 调用栈：用来管理函数调用关系的一种后进先出的数据结构； 如何查看调用栈的信息 方法一： 打开开发者工具； 点击“Source”标签，在左边选择（点击）想查看的 JavaScript 代码；

实现原理 axios 的使用 axios 的使用方法 - 1 axios 的使用方法 - 2 CancelToken 方法的实现 CancelToken.source 的实现 取消请求的实现 原理总结

基本概念 cookie：HTTP Cookie（也叫 Web Cookie或浏览器 Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送

var、let、const的区别 var 使用var声明的变量，其作用域为该语句所在的全局代码或函数内，且存在变量提升现象； let 使用let声明的变量，其作用域为该语句所在的代码块内，不存在变量提

基本概念 AST（Abstract Syntax Tree），是源代码的抽象语法结构的树状表现形式。常见应用有： uglifyjs（代码混淆） webpack babel eslint js pars

区别 箭头函数在运行时不会创建执行上下文，因此 this 永远指向函数定义时所在的执行上下文的 this，无法通过 call, apply, bind 改变 this 绑定； 但可以改变函数定义时所在

实现方案 方案一 方案二 方案三 方案四 一些关于数据的说明 new Array(len) 做的事情等价于下面的代码： Array.prototype.fill() 指定范围填充： 参考资料 http

区别 方法 参数 返回值 slice(start, end) start(必需) -起始位置； end(可选)-结束位置，若未指定，则默认到末尾所有元素 返回 [start,end)之间的元素 sub

异常分类 异常按照捕获方式分类 运行时异常 代码错误 语法错误（无法捕获，会导致当前代码块运行终止） 资源加载异常 异步回调异常 async/await异常 Promise异常 框架内部异常（如，re

for in for...in 语句以任意顺序遍历一个对象的除 Symbol 以外的可枚举属性，包括继承的可枚举属性（对象本身的属性将覆盖原型属性）。 for of 用于遍历部署了 iterator

基本概念 散列表：英文名为 Hash table，也叫哈希表，是根据键（Key）而直接访问在内存存储位置的数据结构； 快速组：一种线性的存储方式，基于下标就能快速访问数据，也就是我们传统意义上的数组；

方法一 利用indexOf判断元素在数组中第一次出现的位置和当前元素的位置是否相等，若不等，重复元素。 indexOf、filter：Edge、Firefox、chrome、safari、Opera都

基本概念 强引用：除 WeakSet、WeakMap 以外的对象引用都是强引用；被强引用的对象不会被回收； 弱引用：WeakSet、WeakMap 中对对象的引用是弱引用，也就是说，即使WeakSet

基本概念 执行上下文：可以理解为当前代码的执行环境，包含代码执行过程中所需的信息；可用以追踪或还原代码的执行情况。 执行上下文栈：是一个后进先出的数据结构（LIFO），用来跟踪和管理执行上下文； 词法

defer和async的区别 在不加defer和async的情况下，js的加载和执行都会阻断html的解析。即js文件的加载、执行和html解析是同步进行的。 defer和async在加载js文件的时

Set 基本用法 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set的遍历顺序就是插入顺序。 Set本身是一个构造函数，用来生成 Set 数据结构。 属性和

基本概念和关联 概念 Object.prototype：由 JS 引擎直接创建的对象； Function.prototype：JS与引擎以 Object.prototype 为原型创建的函数； pro

CommonJS（Node.js） CommonJS 是服务器模块的规范，Node.js 采用了这个规范。其特点为： 一个文件就是一个模块，拥有单独的作用域； 使用 module 或 module.e

基本概念 类数组：具备与数组特征类似的对象。它有以下特征： 可以通过角标调用 具有 length 属性 可以通过 for 循环或 forEach 方法 call 函数说明 call 方法使用一个指定的

MutationObserver MutationObserver 可以用来监听 DOM 的任何变化，比如子元素、属性和文本内容的变化。它有以下特点： 它等待所有脚本任务完成后，才会触发（异步触发，属