JavaScript

自定义指令点击非自身事件（空白处）给当前元素绑定个私有变量，方便在unmounted中可以解除事件监听

加密 解密 ```js const decrypt = 'MTI0NjU4' const v = window.atob(decrypt) console.log(v) //124658 ```

常用事件 vue3 @mouseenter 鼠标进入事件 @mouseleave 鼠标离开事件

观察者模式 发布/订阅 ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5671c023abe348b091fb42de9

StorageEvent事件 字段 含义 key 发生变化的storageKey newValue 变换后新值 oldValue 变换前原值 storageArea 相关的变化对象 url 触发变化的

全局变量必须先声明 禁止使用with 创建eval作用域 禁止this指向window 函数参数不能重名

for...in 遍历得到的是key 可以遍历对象 for...of 遍历得到的是value 可以遍历Map、Set集合 可以遍历generator生成器

Array _.concat(array, [values]) 连接数组 Collection Date Function _.debounce(func, [wait=0], [options={}

三者都是用于网络请求，但是是不同维度 ajax(Asynchronous Javascript and XML) 一种技术统称 用XMLHttpRequest实现Ajax fetch 原生API，语法

new操作符的实现原理 ```js const ObjectFactory = (...args)=>{ let obj = {} let Constructor = [].shift.cal

数组拍平的三种方式 1、reduce 2、es6自带的flat函数 3、用while循环加扩展运算符

函数防抖 防止抖动， 停了再执行下一步 例如，一个搜索输入框，等输入停止之后， 在触发搜索 ```js <input type="text" id="input"> <script>

函数节流 一个一个来，按时间节奏，插队者无效 例如，drag或者scroll期间触发某个回掉，要设置一个时间间隔

typeof 优点：使用简单 缺点：只能判断6中基本数据类型 Object.prototype.toString.call 优点：可以判断所有数据类型 缺点：使用上相对typeof繁琐 instanc

基本数据类型方式一 filter+indexOf 基本数据类型方式二 相邻元素排序 基本数据类型方式三 Set+解构赋值 基本数据类型方式四 Set+Array.from 数组对象方式一 临时对象缓存

call、apply、bind之间相同与不同之处 1、call和apply传参方式不同，call是传离散数据，apply传输数组 2、bind返回值是函数 3、bind和call的传参是一样的 4、相

1. 多表达式多if判断 2. 简写 if else 三元运算符来实现。 ```js // 长 if (x === 'abc' || x === 'def' || x === 'ghi' || x =

转义字符 字符 语义 \n 换行 \t 制表 \b 退格 \r 回车 \f 换页 \\ 反斜杠（ \ ） \' 单引号（ ' ），在字符串以单引号标示时使用，例如 'He said, 'hey.''

导出文件 ```js let obj = {} let content = new Blob([JSON.stringify(obj)]) let urlObject = window.URL ||

window window属性 winddow方法 定时器 Navigator Screen History Location 存储对象