- 博客(7)
- 收藏
- 关注
RSS订阅原创 2. react 虚拟DOM
虚拟DOM（Virtual Document Object Model）DOM的本质是什么？ 就是用js表示的ui元素DOM和虚拟DOM的区别：1· DOM是由浏览器中的js提供功能，所以我们只能人为的使用浏览器提供的固定的API来操作DOM对象2· 虚拟DOM： 并不是由浏览器提供的，而是我们程序猿手动模拟实现的，类似于浏览器中的DOM，但是有着本质的区别为什么要实现虚拟DOM？什么是React中的虚拟DOM：就是用对象的方式将DOM树虚拟出来下面展示一些 内联代
2020-09-16 16:34:24
129
原创 1. react Diff算法
Diff算法tree diff: 新旧DOM树，逐层对比的方式，就叫做tree diff，每当我们从前到后，把所有层的节点对比完成后，必然能够找到那些 需要被更新的元素component diff: 在对比每一层的时候，组件之间的对比，叫做 component diff；当对比组件的时候，如果两个组件的类型相同，则暂时认为这个组件不需要被更新，如果说组件的类型不同，则立即将旧组件移除，替换到被移除的位置element diff： 在组件中，每个元素之间也要进行对比，那么，元素级别的对比，叫做 ele
2020-09-16 16:12:01
133
转载 VUE 经典
vue 的双向绑定的原理vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的。具体实现过程：我们已经知道实现数据的双向绑定，首先要对数据进行劫持监听，所以我们需要设置一个监听器Observer，用来监听所有属性。如果属性发上变化了，就需要告诉订阅者Watcher看是否需要更新。因为订阅者是有很多个，所以我们需要有一个消息订阅器Dep来专门收集这些订阅者，然后在监听器Observer和订阅者Watcher之间进行统一管理的。接着，我们还需要有一个指令解析器Compile，对每个节点元素进行
2020-09-15 14:18:01
147
原创 3.(Vue 问题记录：data定义问题)
[Vue warn]: Property or method “tableData” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See:******解决方式：查看
2020-09-01 13:31:07
569
原创 2. (弱智问题)
[Vue warn]: Property or method “f” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See一个弱智的错误（粗心大意）...
2020-08-31 18:36:23
441
原创 1.（随身笔记）cookie localstorage sessionstorage
cookie localstorage sessionstorage三者之间的释义cookie:容量小，4k左右，有过期时间，随服务器发送localstorage:容量大，5m左右，没有过期时间，不随服务器发送sessionstorage:容量大，5m左右，仅在当前浏览器关闭之前有效共同点都是保存在浏览器端，且同源的区别1.cookie 数据始终在同源的http中携带(即使不需要),即cookie在浏览器中和服务器间来回传递。而sessionstorage和localsto
2020-08-31 10:09:18
157
1
原创 Vue 生命周期 ⑩
vue 生命周期.<script> var app = new Vue({ el: "#app", template: '<div>{{message}}</div>', data: { message: 'hello world', }, // vue实
2020-08-29 16:12:59
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人