李耀书

树状结构数据处理

优雅去重

MVVM源码解析之Watcher监听关于watcher的监听，我觉得还是上一篇中的那张图比较明了实现Watcher监听 vm.$watch('child.someStr', function() { console.log(arguments); });watcher的第一次出现是在compile模板解析中，在模板解析中，Watcher中回调视图更新函数，在Observer()中，当数据发生变化，通知订阅者当数据发生改变，在watcher中监听，调用视图更新的函数，

Observer()Observe的第一次出现是在数据代理中[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1eFCmYmG-1620215805788)(D:\全栈学习\学习总结笔记\img\博客发文\Observe7.png)]首先：通过Observer给每个数据对象进行了递归遍历，包括子属性对象的属性，都加上setter和getter的方法，如果我们改变这个对象的值的话，就会触发setter，那么就能监听到数据的变化。源码以及注释解析function Obs.

源码解析之模板解析解析表达式解析普通指令解析表达式解析步骤：从文本节点中取出表达式从data中取出表达式对应的属性值将属性值设置为文本节点的textContent const vm = new MVVM({ el: "#app", data: { name: "aa" } });在源码中，判断当前节点是否存在{{}}，从而进行解析。通过正则进行匹配大括号表达式，匹配成功后，判断当前元素是否包含文本节点

源码解析之数据代理学习准备数据代理学习准备了解以下几点[].slice.call()：将arguments转为数组node.nodeType：判断节点类型了解Object.defineProperty是什么？理解：Object.hasOwnPropertyDocumentFragment文档碎片<ul id="liBox"> <li>[].slice.call(childNodes)</li> <li>Object.de

首先Object.assign()产生的是一个引用类型的内存地址基本用法object.assign方法用于对象的合并，将源对象source的所有可枚举属性，复制到目标对象targetconst target = { a: 1 };const source1 = { b: 2 };Object.assign(target, source1);target // {a:1, b:2, }Object.assign方法的第一个参数是目标对象，后面的参数都是源对象。注意：如果目标对象

1、首先了解一下设置断点的目的是为了调试状态下运行程序，是的编程开发人员可以看到程序运行过程中的数据变化情况， 检查代码是否正确可以让程序终端在需要的地方，从而方便开发人员进行分析，也可以在一次调试中设置断点，下一次只需要让程序自动运行到设置断点的位置，便可以在上次设置断点的位置中断下来，极大的方便了操作，从而节省了时间。2、断点是如何使用的？第一步：两种方法：第一种：在js代码中加上debugger debugger const obj1 = { age

js中的文档碎片的理解与使用首先要了解​ 在js每次操作dom时都会对DOM进行一次重排，所谓重排也就是当元素的大小，位置结构发生变化的时候，就会引起浏览器对当前页面的结构进行一次重新的计算，这是非常耗费浏览器性能的。​ 虚拟DOM的出现很好的解决了这一问题，而js中的文档碎片就类似于虚拟DOM。什么是文档碎片？document.createDocumentFragment() ​ 利用上述语法，创建一个空的容器，用于存放创建的DOM元素利用普通的方式修改页面内