知识体系

动机 React 根据W3C 规范来定义自己的事件系统，其事件被称之为合成事件 (SyntheticEvent)。而其自定义事件系统的动机主要包含以下几个方面： （1）抹平不同浏览器之间的兼容性差异。

state Vuex中的state可以理解为Vue的data, 他的变量只能通过mutations来修改。 getter 有时候需要从 store 中的 state 中派生出一些状态，例如对列表进行过

vue响应式原理流程： Vue 通过 defineProperty 完成了 Data 中所有数据的代理，当数据触发 get 查询时(也就是在执行render时候)，会将当前的 Watcher 对象加入

electron简介 Electron 是使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序的框架。换一个角度理解，其实是一个可以用 JavaScript、HTML 和 CSS

``` function MyPromise(fn) { let value = null; let state = "pending"; let callbacks = []; this.then

单例模式 策略模式 代理模式 保护代理：可以过滤一部分不合规的事物到达本体； 缓存代理：避免重复计算； 虚拟代理：把一些开销很大的对象，延迟到真正需要的时候，才去创建， 发布-订阅模式(观察者模式)

HTTP2的新特性 HTTP2的缺点 HTTP3 其中，QUIC是如何解决队头阻塞的问题的呢？ 主要有两点： https HTTPS的整体过程分为证书验证和数据传输阶段，具体的交互过程如下： TCP三

捕获错误常用句柄： window.onerror： 全局捕获js执行的同步错误、异步错误、iframe错误; window.addEventListener('error'): 全局监控静态资源异常;

打包产物优化 打包产物优化主要遵循以下三点 减小打包的整体体积 Code Splitting: 按需加载，优化页面首次加载体积。 Bundle Splitting: 分包，根据模块更改频率分层次打包，

插件概念 专注处理webpack在编译过程中的某个特定的任务的功能模块，成为插件。一个完成的webpack插件需要满足以下特征： 是一个独立的模块 模块对外暴露一个js函数 函数的原型上定义了一个ap

简介 HMR是指当你对代码进行修改并保存后，webpack对代码重新打包，并将新的模块发送到浏览器端，浏览器通过替换旧的模块，在不刷新浏览器的前提下，就能够对应用进行更新。 实现大致原理 webpac

什么是tree-shaking tree-shaking可以实现的基础 在之前CommonJs、AMD、CMD的模块化方案中，导入导出是高度动态的，难以预测的，因此在打包阶段，是无法分析哪些模块被使用

工程化 工程化要解决的问题：代码冗余，项目可维护，提升版本迭代速度等问题。 工程化的基础：前后端分离，明确前后端开发的分工。 工程化包含一个项目从编写到发布的一整套流程，包含编写时候的变成规范(工具e

axios中取消请求有两种使用方式： 1： 2: 先实现一个简易axios CancelToken类的实现 第二种用法使用了source:

1. 工程化 构建工具 webpack基础 基础使用 实践经验 性能优化 webpack原理 打包机制 插件机制 HMR原理 tree-shaking 部署 持续集成 2. node npm clus