吊打面试官

在 JavaScript 中，我们可以通过两种技术劫持 property 访问的方式。 getter / setters 和Proxy。 而在Vue3，我们Proxy给`reactive`创建响应

关于vue3对组件通信做了哪些升级？ ## 二、事件系统的新特性 Vue3 中，所有绑定在组件上的事件默认都是原生 DOM 事件，这与 Vue2 的行为不同 vue2通过.native修饰符

性能优化看哪些？ **页面加载性能** 核心指标：LCP（最大内容绘制）<2.5s，FID（首次输入延迟）<100ms 常见的场景：首屏内容可见时间 **更新性能** 核心指标：用户操作响应

之前vue2是因为框架设计就是如此，想要支持多根节点，得重构框架了。 Vue 3 引入了特殊的 ​**​Fragment 节点​**​，作为多根组件的逻辑容器

不管是vue还是react，基本流程都是： 1. ​​同级比较​​：首先比较新旧虚拟DOM树的同级节点 3. ​​子节点比较​​：对相同节点的子节点进行递归比较 将计算出的差异应用到真实DOM

现在还是金三银四，去找虐，很多大厂都喜欢让候选人手写算法题，她也不例外。 其实给的题不难，但是要看你怎么优雅的写出如诗一般的代码。 输入一个字符串，打印出该字符串中，所有字符的排列组合。 递归来一手

最近的金三银四，有没有人去看看市场过？ 降薪？外包？离家远？ websocket页面休眠了怎么处理 链接因为某些原因出了故障，导致延迟几秒，要怎么处理 心跳请求一般做几秒

之前在讨论设计模式、算法的时候，一个后端组长冷嘲热讽的说：前端哪有什么设计模式、算法，就好像只有后端语言有一样，至今还记得那不屑的眼神。 今天想起来，就随便列几个，给这位眼里前端无设计模式的人，睁眼

面试官一来就问：我们都知道，vue模板转换为DOM，是经过一系列流程转换的，他底层又是怎么高效更新这些节点的呢？ 为什么vue默认推荐使用模板嘞？ 更新类型标记

为什么vue2很少有开发者使用mixin？ 虽然很少有人用，但事物都有两面性，再坏的人，也有优点，何况mixin。 提高代码复用性 维护方便**：共享逻辑集中在一个地方修改时，其他依赖该 `Mixi

插槽父子孙，怎么接收消息和发送消息呀 我们封装一个组件A，一般情况下，其组件会有子组件B。即：A->B 而现在需要Q组件想来引用组件A，此时想要引用的时候，使用组件B的插槽，并且传递数据以及接收B

这个加入购物车之后，右侧要实时显示数量，并且在页面刷新的时候，依然保存起来。 这样，当一个组件（例如 A 组件）设置了 `localStorage` 的值时，另一个组件（例如 B 组件）能够接收到该变

突然产品说下载下拉选择有将近20000项，移动端点击选项比较卡。 而说回这次的下拉选择，一般选项不会超过100条，毕竟多了的话，也不好选择。 当然选项多了可以考虑，支持搜索功能。

突然想直接在模板上访问window，是不是很方便？ Vue 警告: Vue 组件的渲染过程中引用了一个名为“窗口”的属性或方法，但该属性或方法并未在当前组件的实例上进行定义。 模板编译限制

从A路由—>B路由，此时停留在B路由页面下，点击浏览器自带的返回，期望回到A页面 结果发现：url是A页面的，但内容还是B页面。 有可能是beforeEach 浏览器历史记录 popstate

请问webpack代理原理？ 1. Webpack 代理的原理是在开发环境中，为了解决前端应用需要请求后端 API 接口的问题，可以通过配置一个代理服务器来转发请求。在Webpack中，通常可以使用类

需要根据传入的层级，如（只展示省，或者只展示省市） 来显示对应的数据结构。 然后传入层级。 如：只需要展示省市，后面的区、街道就不需要展示了。 要求我们在这份数据结构中处理。

虚拟dom其实就是虚拟的dom对象，它本身就是一个 `JavaScript` 对象，只不过它是通过不同的属性去描述一个视图结构。前端性能优化的一个秘诀就是尽可能少地操作DOM，不仅仅是DOM相对较慢

我们可以定义一个createRouter函数，返回路由实例；然后要把他定义成插件，即实现`install`方法。实现两个全局组件：router-link页面跳转、router-view内容显示。

vant想实现接口请求中，展示全屏loading，接口请求回来，关闭全屏loading。Toast官方并没有提供手动隐藏的API，只提供xxx毫秒后自动关闭。不合我意，那就手写一个Loading组件