axios 如何取消请求 还可以使用 cancel token 取消一个请求，Axios 的 cancel token API 是基于被撤销 cancelable promises proposal。开始，Axios 支持以 fetch API 方式——开始已被弃用，不应在新项目中使用）
webpack 的打包流程 Transform（转化）阶段：这个阶段babel通过对于这棵树的遍历，从而对于旧的AST进行增删改查，将新的js语法节点转化称为浏览器兼容的语法节点。Parse（解析）阶段：这个阶段将我们的js代码(字符串)进行词法分析生成一系列tokens，之后再进行语法分析将tokens组合称为一颗AST抽象语法树。这一步会从我们配置的webpack.config.js中读取到对应的配置参数和shell命令中传入的参数进行合并得到最终打包配置参数。同时分析模块依赖的模块，递归进行模块编译工作。
前端性能优化 线上的项目，一般都会结合构建工具 webpack 插件或服务端配置 nginx，来实现 http 传输的 gzip 压缩，目的就是把服务端响应文件的体积尽量减小，优化返回速度。来提取这些依赖包，告诉 webpack 这些依赖是外部环境提供的，在打包时可以忽略它们，就不会再打到 chunk-vendors.js 中。2.组件库按需引入的原理：只引入指定组件和对应的样式，来实现减少组件库体积大小（借助 babel-plugin-component 插件）2.在 vue.config.js 中引入。
浏览器的垃圾回收机制 相比于新生代，老生代的垃圾回收就比较容易理解了，上面我们说过，对于大多数占用空间大、存活时间长的对象会被分配到老生代里，因为老生代中的对象通常比较大，如果再如新生代一般分区然后复制来复制去就会非常耗时，从而导致回收执行效率不高，所以老生代垃圾回收器来管理其垃圾回收执行，它的整个流程就采用的就是上文所说的。（V8 整个堆内存的大小就等于新生代加上老生代的内存）它的标记阶段和标记清除算法没有什么不同，只是标记结束后，标记整理算法会将活着的对象（即不需要清理的对象）向内存的一端移动，最后清理掉边界的内存。
TypeScript 中的数据类型 在编写代码时，有时并不清楚一个值是什么类型，这时就需要用到any类型，它是一个任意类型，定义为any类型的变量就会绕过TypeScript的静态类型检测。对于声明为any类型的值，可以对其进行任何操作，包括获取事实上并不存在的属性、方法，并且 TypeScript 无法检测其属性是否存在、类型是否正确。never类型表示的是那些永不存在的值的类型。never类型是任何类型的子类型，也可以赋值给任何类型；void 和 any 相反，any 是表示任意类型，而 void 是表示没有类型，就是什么类型都不是。
TypeScript 中常用的内置工具类型 1.源码：Pick工具类型接收了两个泛型参数：第一个 T 为给定的参数类型，而第二个参数为需要提取的键值 key。有了参数类型和需要提取的键值 key，我们就可以通过映射类型很容易地实现 Pick 工具类型的功能。1.源码：从 T 中剔除可以赋值给 U 的类型，如果 T 是 U 的子类型，则返回 never 不是则返回 T。1.源码：映射类型在键值的后面使用了一个 - 符号，- 与?1.源码：接收了两个泛型参数：第一个参数作为接口类型的属性，第二个参数作为接口类型的属性值。
iview表单校验文件的必填 1.问题描述iview中使用form组件来校验各个字段的必填项，其中在校验文件时，即使文件已上传成功，依旧提示“请上传文件！”2.重点在formValidate.file中定义一个validator的方法文件上传成功后，清除对文件必填项的校验：this.$refs.formRef.validateField('file') 3.解决方案1.html：<Form ref='formRef' :model='resultForm' :rules='formVali
采用微前端来实现新老技术的兼容问题 1.什么是微前端？微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。微前端不是单纯的前端框架或者工具，而是一套架构体系。2.微前端架构具备的核心价值技术栈无关：主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署：微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级：在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技
MyPromise的实现 1.实现一个MyPromisefunction resolvePromise(promise2,x,resolve,reject){ //判断x是不是promise //规范中规定：我们允许别人乱写，这个代码可以实现我们的promise和别人的promise 进行交互 if(promise2 === x){//不能自己等待自己完成 return reject(new TypeError('循环引用')); } // x是除了null以外的对象或者函数
关注
