面试取经

1. 变化一 首当其冲的就是数据拦截的变化： Vue2: 使用 Object.defineProperty 进行拦截 Vue3: 使用 Proxy + Object.defineProperty 进行

Vue2响应式原理 劫持数据属性，完成数据响应式 获取数据时，完成依赖收集工作 修改数据时，完成派发更新操作 数据劫持-Observer vue 会遍历data中的属性，通过Object.define

Vue3整体变化 主要有这么几类变化： 源码上的变化 性能的变化 语法API的变化 引入RFC 源码优化 1. Monorepo Vue2 的源码是托管在 src 目录下面的，然后依据功能拆分出了：

实时场景的旧处理方案 考虑网页中的以下场景： 股票K线图 聊天 警报、重要通知 余座 抢购页面的库存 ...... 上述场景有一个共同特点——实时性 这种对实时性有要求的页面，会带来一些问题 比如下面

什么是跨标签页通信 标签页之间可以进行数据传递 业内常见方案 BroadCast Channel Service Worker LocalStorage window.onstorage 监听 Sha

浏览器缓存 本文主要包含以下内容： 什么是浏览器缓存 按照缓存位置分类 Service Worker Memory Cache Disk Cache Push Cache 按照缓存类型分类 强制缓存

什么是闭包 闭包，是 JavaScript 中一个非常重要的知识点，也是我们前端面试中较高几率被问到的知识点之一。 打开《JavaScript 高级程序设计》和《 JavaScript 权威指南》，会

什么是内存泄露 程序的运行需要内存。只要程序提出要求，操作系统或者运行时（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引入了公共模块 公共模块体积