面试

Gzip压缩通常不直接作用于图片文件。 Gzip主要设计用于压缩文本文件，例如HTML、CSS、JavaScript、XML等，这些文件中含有大量的重复字符串，Gzip可以有效地减小它们的传输大小。这

less中文官网 LESS是一种CSS预处理器，它扩展了CSS语言，提供了许多有用的特性，使得CSS编写更加简洁，灵活和易于维护。 LESS的原理 变量：LESS允许你声明变量来存储颜色、字体、大小等

vue2中diff算法vue2中diff算法vue2中diff算法vue2中diff算法vue2中diff算法

掘金学习 WeakMap的特点在于它能够实现弱引用关联，并且只能存储对象作为键名。 WeakMap中的键名必须是对象，则值可以是任意类型的数据。 WeakMap的键名是弱引用，当键名所指向的对象在其他

Vue官网，watch的地址 1. watch watch侦听一个或多个响应式数据源，并在数据源变化时调用所给的回调函数。 watch()默认是懒侦听的，即仅在侦听源发生变化时才执行回调函数。 可选参

掘金学习资料 Tree-shaking的本质就是消除无用的js代码。掘金学习资料 Tree-shaking的本质就是消除无用的js代码。

ref本质也是reactive,ref(obj)等价于reactive({value:obj}) reactive的参数必须是一个对象，包括json数据和数组都可以，否则不具有响应式 reactive

CSDN学习 仅用于自学。 前端实现WebSocket心跳机制的方工主要是两种： 使用setInterval定时发送心跳包 在前端监听到WebSocket的onClose()事件，重新创建WebSoc

webpack原理 webpack热更新步骤 单点登录的原理，步骤 怎么保证单点登录的安全性 前后端请求的步骤 nodejs前端能做什么 高并发前端如何处理，负载均衡 vue打包时如何优化 vue打包

闭包和内存泄露 js垃圾回收机制 vue2和vue3的区别 eventBus 打包优化 node.js模块化的commonjs和es6的区别，哪个是同步，哪个是异步 结合虚拟dom，说一下vue的di

ssr是如何优化的 weakmap为什么能清整理缓存 websocket心跳机制如何实现的，需要配制哪些东西 为什么有了ref,还需要reactive computed,watchEffect,wat

Common JS模块输出的是一个值的拷贝，ES6模块输出的是值的引用。 Common JS模块运行时加载，ES6模块输出的是编译时输出接口。 Common JS模块的require()是同步加载模块

安装clean-webpack-plugin,每次打包后就会清理指定的文件夹。配置时不需要写里面的路径。 npm install clean-webpack-plugin -D 引入CDN服务器。 将

mode:'development' //开发环境 配置对应的环境：development、production、none devtool:'inline-source-map' //为了方便看打包后

HMR:Hot Module Replacement是指当我们对代码修改并保存后，webpack将会对代码进行重新打包，并将新的模块发送到浏览器端，浏览器用新的模块替换掉旧的模块，以实现在不刷新浏览器

loader:文件加载器，能够加载资源文件，并对这些文件进行一些处理，如编译、压缩等，最终一起打包到指定的文件中 plugin:插件，赋予了webpack各种灵活的功能，例如打包优化、资源管理、环境变

- 为什么使用webpack？ 在日常的开发中经常在index.html引入多个css,js文件，会导致页面加载慢，所以有必要将他们合并为一个文件，所以使用webpack打包工具，从而实现自动会打包，

reflect调用对象的基本操作（内部方法） 直接传参过去 修改proxy的this指向reflect调用对象的基本操作（内部方法）

1. promise.all 返回一个promise方法 可以将多个Promise实例包装成一个新的Promise实例。 成功的时候返回一个数组，把所有成功值都传回来。 Promise.all获得的成

CSS3 伪类：单冒号 :,当某个元素状态改变时，我们期待给这个元素添加一些特殊效果。 操作对象是 文档树中已有的元素 例如 :hover `` 伪元素：双冒号 :: , 创建了一些不在文档树中的元素