摘要： 看了vue3的文档 .sync 貌似被抛弃了，无情，所以再来看一遍文档。 非 Prop 的 Attribute 一个非 prop 的 attribute 是指传向一个组件，但是该组件并没有相应 props 或 emits 定义的 attribute。常见的示例包括 class、style 和 id  阅读全文

摘要： 实现数据双向绑定当前背景，只是input改变改变model也就是data中的数据，实现了单向的绑定，如何通过model,data的数据改变来改变视图view呢？ 采用 发布/订阅者模式 5 创建一个订阅器Dep6 创建一个订阅者Watcher（可以接收信息，更新渲染自身和添加进订阅器），会自调用自身 阅读全文

摘要： 响应数据绑定4.1创建监听器，进行数据劫持和监听3.4.1 接3.4 对当前节点进行事件的监听4.2当数据改变时，改变vm一级下的数据，进行赋值，因为劫持的数据在vm的一级根下，这时触发监听器4.3监听器，数据改变，触发set方法，给vm.data相对应数据赋值 /** * vue 的监听器 * @ 阅读全文

摘要： 来至小白写的文章： 先把小白写的双向数据绑定 三篇文章 的步骤贴上来： 渲染1创建代码片段，2.1将节点遍历进代码片段2.2同时遍历的节点进入代码解析器，3判断节点类型3.1标签类型 解析器遍历代码的属性 3.2 文本类型 3.3判断含有相对应指令或模板3.4 如果有则对view视图进行赋值 3.5 阅读全文

摘要： 正则表达式是匹配模式，要么匹配字符，要么匹配位置。请记住这句话。 然而大部分人学习正则时，对于匹配位置的重视程度没有那么高。 本章讲讲正则匹配位置的总总。 内容包括： 什么是位置？ 如何匹配位置？ 位置的特性 几个应用实例分析 1. 什么是位置呢？✍ 位置是相邻字符之间的位置。比如，下图中箭头所指的 阅读全文

摘要： 1 两种模糊匹配 1.1 横向模糊匹配 var regex = /ab{2,5}c/g; var string = "abc abbc abbbc abbbbc abbbbbc abbbbbbc"; console.log( string.match(regex) ); // => ["abbc", 阅读全文

摘要： (.+)默认是贪婪匹配 (.+?)为惰性匹配 疑问号让.+的搜索模式从贪婪模式变成惰性模式。 var str = 'aaa<div style="font-color:red;">123456</div>bbb' <.+?>会匹配<div style="font-color:red;"> <.+>会 阅读全文

摘要： 创建一个新的空白的文档片段( DocumentFragment)。 描述 DocumentFragments 是DOM节点。它们不是主DOM树的一部分。通常的用例是创建文档片段，将元素附加到文档片段，然后将文档片段附加到DOM树。在DOM树中，文档片段被其所有的子元素所代替。 因为文档片段存在于内存 阅读全文

摘要： 4. Promise中的all和race 在做下面👇的题目之前，让我们先来了解一下Promise.all()和Promise.race()的用法。 通俗来说，.all()的作用是接收一组异步任务，然后并行执行异步任务，并且在所有异步操作执行完后才执行回调。 .race()的作用也是接收一组异步任务 阅读全文

摘要： 1. Promise的几道基础题 1.1 题目一 const promise1 = newPromise((resolve, reject) => { console.log('promise1') }) console.log('1', promise1); 过程分析： 从上至下，先遇到new P 阅读全文