摘要： InstanceType函数 文档中介绍：该函数返回（构造） 由某个构造函数构造出来的实例类型组成的类型 class C { x = 0; y = 0; } type T0 = InstanceType<typeof C>; type T0 = C 常用于给 某个子组件组件实例 获取对应类型 阅读全文

摘要： 安装 npm install @babel/plugin-proposal-optional-chaining --save-dev 配置 babel.config.js： module.exports = { presets: ['@vue/app'], plugins: ["@babel/plu 阅读全文

摘要： 响应式我理解为当某个数据发生变化时，任何和其相关的依赖都随之自动发生变化。 体现在数据层面就是: 代码中第一次调用change时，name显然是zxf,当我修改obj.name = 'zdx'时,这个change应该随着name的改变而自动在重新执行一遍。来达到随着数据改变其依赖自动变化的过程 le 阅读全文

摘要： 代理对象Proxy是用 构造函数Proxy创建出来的。Proxy 让我们能够以简洁易懂的方式控制外部对对象的访问。 接受俩个参数：目标对象（target）、处理程序对象(handler)。 var p = new Proxy(target, handler); 处理程序对象中可以定义捕获器，可以捕获 阅读全文

摘要： 1 export function handleHtmlImg(string) { 2 var richtext = string; 3 const regex = new RegExp("<img", "gi"); 4 if (richtext != null) { 5 richtext = ri 阅读全文

摘要： 迭代器是一种接口，也可以说是一种规范。它提供了一种统一的遍历数据的方法for-of。我们都知道数组、集合、对象都有自己的循环遍历方法。 支持了迭代器的数据结构才能使用for-of循环。迭代器可以提供统一的遍历数据的方式，只要在想要遍历的数据结构中添加一个支持迭代器的属性即可。这个属性写法是这样的： 阅读全文

摘要： js的内存结构 原始类型与引用类型 六大原始数据类型：String、Number、Boolean、Null、Undefined、Symbol。对这些简单数据类型（原始值）的访问是按值访问的，因此我们操作的就是存储在变量中的实际值。 引用数据类型：object。保存引用值得变量时按引用访问的，不能直接 阅读全文

摘要： 看了很多对于微任务宏任务事件循环的讲解，有很多不同的地方，有人说代码块是宏任务，所以事件循环是宏->微的循环，还有人说先微后宏任务。 常见宏任务包括： setTimeout setInterval setImmendiate I/O 常见微任务包括 promise.then等 catch、final 阅读全文

摘要： Vue中项目当在多个组件之间切换的时候，你有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题 但是keep-alive也会带来一些负面影响，列如某些组件依赖钩子函数来更新，如果对其进行组件缓存，便会导致钩子函数不会触发 还有存在一些组件并不需要缓存 include 和 exclude pro 阅读全文

摘要： 函数防抖（debounce），就是指触发事件后，在 n 秒内函数只能执行一次，如果触发事件后在 n 秒内又触发了事件，则会重新计算函数延执行时间 函数防抖的要点，是需要一个 setTimeout 来辅助实现，延迟运行需要执行的代码。如果方法多次触发，则把上次记录的延迟执行代码用 clearTimeo 阅读全文