HugoHHH

虚拟 dom 生成虚拟 dom diff 算法 比较规则 根据 key 和选择器 sel 唯一标识判断是否同一个节点 同一虚拟节点才进行精细比较 跨级不比较，直接删除，插入新的 patch 函数 判断

1. 原生 DOM 操作 vs 通过框架封装操作 任何框架操作 dom 其底层都是操作原生的真实 dom，所以纯原生 dom 操作比任何框架都快。框架封装的意义是为了提高代码的可维护性，用性能换取维护

有缺陷 1. ES6 Set去重 优点：代码少 缺点：{} 没有去重 2. ES6 Map去重 缺点：{} 没有去重 3. include： 缺点：{} 没有去重 4. 利用 reduce+inclu

闭包的基础知识 变量作用域链 JS的两种变量：全局变量、局部变量 局部变量作用域一般指函数内部及{}，此外视为全局变量 JS的链式作用域：理解为函数嵌套，子函数调用父函数变量，会一级一级往上寻找变量，

需求 实现输入任意两个类型的数据a，b，isEqual都能准确地判断是否相等（不比较函数） 注解：不比较函数；考虑symbol键；相同value的不同类型入参会被错误判断成相等。 分析 比较所有键值对

概念 es6新增的基本类型，用于表示唯一的值。 语法 创建symbol symbol特性 全局符号注册表 symbol作为对象属性 类型转换 symbol内置方法 Symbol.hasInstance

相同点 都以key-value形式对数据进行存储 区别 1.key数据类型范围不同 Object：作key有number、string、symbpl； Map：js目前所有类型； 2.key的顺序 O

整体效果 使用backdrop-filter属性 缺点：兼容性 实现代码如下 使用filter + 伪元素 添加filter效果如下 有阴影，但没有玻璃效果，所以对图片才能模糊，取父盒子背景图的一块

Vue2.x中，Object.defineProperty()实现响应式的原理的核心。 静态方法Object.defineProperty(obj, prop, descriptor)，其可以通过定义