吊打面试官

rAF是浏览器提供的专门用于动画渲染的API，它会在下一次浏览器重绘之前调用指定的回调函数。当显示器刷新率为60Hz时，浏览器会以约16.7ms（1000ms/60）的间隔触发rAF回

hooks将相关代码组织在一起（而非按data/methods分块） 避免上下文绑定问题 天然支持TypeScript 纯函数逻辑更易单元测试 单一职责原则 返回值标准化

逻辑层：纯数据处理中心 无法直接操作DOM，因为这样子的好处可以避免恶意脚本攻击。逻辑层运行在独立的js线程（JavaScriptCore） 渲染层运行在WebView线程，每个页面都是一个独立实例。

为什么一定要有微任务，直接一个宏任务不行吗，主要有几点： 微任务提供了高优先级通道，确保关键操作及时执行 保证相关操作的连续性，避免中间状态暴露 防止长任务阻塞关键更新

在 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中，通常可以使用类