前端知识卡片

定义：将纯函数作为第一公民，实现功能的开发 纯函数：无状态 && 无副作用的函数 无状态：函数不依赖或修改外部状态 无副作用：函数运行不对外部产生影响 所以函数式编程就是尽可能多的用纯函数去编程 高阶

浏览器缓存 浏览器缓存主要指的是 HTTP 缓存，浏览器本质是将资源缓存到本地内存和磁盘中的 HTTP 缓存只支持 GET 响应，其他类型的响应无法缓存 简单理解缓存： 优点：下次资源加载时，可以直接

以初始化为例： 1、模板编译 根据引入路径，将<template>里面的代码编译成模板 AST 树(描述模板的) 再根据模板 AST 树生成JS AST 树(用来描述渲染函数的)，在这期间会做 dif

什么是类数组？ 一种具备数组结构，但不支持数组方法的数据结构 核心是支持数字索引与length属性，但不是通过Array创建的，所以不具备数组方法 常见的类数组有哪些？ Arguments funct

依赖文件：package.json 依赖版本： "react": "~16.0.1"版本格式：[范围符号]主版本.次版本.修订版本 主版本：不兼容的更改；平时不建议升级 次版本：兼容的功能性新增；平时

Promise 是 JS 中的一种异步处理方式，用于表示异步的结果 状态：pending(进行中)、fulfilled(已完成)、rejected(已拒绝) 状态流转：pending => fulfi

定义：浏览器处理事件的方式。 分为三个阶段：捕获 -> 目标 -> 冒泡 事件绑定： ele.onclick = () => {}只支持冒泡 ele.addEventListerner('click'

location location.assgin(url)跳转页面，创建新的浏览器历史，等价于location.href = url location.replace(url)跳转页面， 替换当前的浏

一种管理代码的方式，核心是将相关的代码弄成独立的单元(模块)。 发展历程 script 标签：最开始通过在 HTML 里面引入不同的 script 标签，强行“模块化” 缺点：变量会产生冲突 IIFE

前置知识：14、原型与原型链 - 掘金 在 JS 中，可以通过new创建实例 new做的事情： 1、创建一个空对象 2、将该空对象的__proto__指向构造函数的prototype 3、将 this

在 JS 中，每个用function定义的函数，都有prototype属性，指向一个普通对象，该对象存储的数据可供其实例使用。 在 JS 中，每个对象都有__proto__属性，指向一个普通对象，该对

用来处理事件队列任务的一种机制，当主线程空闲时，就轮询的方式去事件队列里面找任务，然后执行。 前置知识：12、事件队列是什么？ - 掘金 循环逻辑为：先执行宏任务小队列里面的所有任务，再执行微任务小队

前置知识：11、异步任务是什么？ - 掘金 用来存储异步任务回调的，先进先出策略，形成一个队列。 分为：宏任务队列、微任务队列 宏任务队列会有多个，每个宏任务队列里面其实只有一个任务，即一个宏任务自成

前置知识：如何理解 JS 的单线程？ - 掘金 分类：宏任务、微任务 常见宏任务：、setTimeout 常见微任务：Promise

定义：使用了父函数变量的子函数，在父函数外被使用，则形成了闭包。 问题：内存泄漏，因为函数内的变量是跟着函数调用时创建，调用完销毁。但闭包导致函数内部变量在外面使用中，那函数就不能销毁，也就让该变量一

前置知识：7、上下文是个啥？ - 掘金 定义：一般指向调用函数的上下文对象，运行时确定。 this 指向： function 定义的普通函数，在全局内调用，指向全局上下文(window/global)

前置知识：如何理解 JS 的单线程？ - 掘金 作用：管理内存的 分为主动和被动，每隔一段时间主动触发，当内存不够了被动触发。 策略：标记清理(常用)，引用清理(不常用) 白话：就是清理餐桌上的垃圾，

前置知识：如何理解 JS 的单线程？ - 掘金 定义：用于描述代码执行时的环境与状态，用于管理作用域链、变量对象、this 等 分类：全局上下文、函数上下文、块级上下文 白话：只管自己桌上的东西，比如

作用域：描述变量的可见性与生命周期 白话：定义变量的访问范围与过期时间 常见作用域：全局、函数、块级 作用域可嵌套，即形成作用域链。 结合这篇如何理解 JS 的单线程？ - 掘金，通俗的讲下作用域链：

声明符：var、const、let 结论：能用 const 就别用其他的，能用其他的就不用 var var：作用域范围为全局、函数内。存在变量提升。声明时可不赋值，之后可改变量的值。可重复用它声明相同