subtitle
vue-diff算法-snabbdom vue-diff算法-snabbdom
前言vue的diff算法参考自snabbdom 本文将介绍snabbdom的使用 从而深入理解vue的diff算法,工程文件请参考snabbdom文件夹。 1. 实例直接到github的snabbdom去复制实例来使用 2. 真实dom和虚
2021-02-06
vue-diff算法-开篇 vue-diff算法-开篇
diff算法1. diff算法概念功能:提升性能 概括:diff全程difference,意为差异,顾名思义就是寻找不同。寻找不同这个过程需要一个本体和参照体,寻找不同的过程就是diff算法的本质。 2. 衍生–虚拟dom在今天,前端领域
2021-02-06
vue双向绑定原理v-model vue双向绑定原理v-model
通过Object.defineProperty劫持数据发生的改变,如果数据发生改变了(在set中进行赋值的),触发update方法进行更新节点内容(),从而实现数据双向绑定的原理 只保留重要代码 class Vue {
2021-02-06
视图更新(响应式原理) 视图更新(响应式原理)
使用数据劫持配合观察者模式、发布订阅模式运行响应式 /** * 仿写一个简单的Vue.js * Vue使用层上是数据驱动,而源码上数据更新了,dom也要更新 */ class Vue { &#
2021-02-06
数据劫持(响应式原理) 数据劫持(响应式原理)
Vue的响应式原理是使用数据劫持https://blog.csdn.net/weixin_44019523/article/details/113574552 Vue2是Object.defineProperty(ES5) Vue3是Pro
2021-02-06
Vue源码是如何实现事件绑定 Vue源码是如何实现事件绑定
此文记录myVue.js对于事件绑定的处理 /** * 编译 * 对模板变量 */ compile(node) { node.childNodes.forEach((item, index) &
2021-02-06
8 / 10