subtitle
vue-源码-模板解析 vue-源码-模板解析
//ES6 的class写法 class Vue { //构造器 constructor(options) { //生成el
2021-02-07 vue
卷 vue 源码解析
vue-diff算法-手写-patch与patchVnode vue-diff算法-手写-patch与patchVnode
详细参考snabbdom的js/src/dom中的patch和patch.js 1. 新老节点替换规则节点替换规则有以下三种情况，其中第三种情况最为复杂，并且分为有children和没有children情况 如果新老节
2021-02-06 vue
vue 源码解析
vue-diff算法-手写-生成虚拟dom vue-diff算法-手写-生成虚拟dom
1. 搭建环境因为手写不安装snabbdom了。工程文件请看diff文件夹 npm init -y //初始化 npm install webpack@5 webpack-cli@3 webpack-dev-serve
2021-02-06 vue
vue 源码解析
vue-diff算法-snabbdom vue-diff算法-snabbdom
前言vue的diff算法参考自snabbdom 本文将介绍snabbdom的使用 从而深入理解vue的diff算法，工程文件请参考snabbdom文件夹。 1. 实例直接到github的snabbdom去复制实例来使用 2. 真实dom和虚
2021-02-06 vue
vue 源码解析
vue-diff算法-开篇 vue-diff算法-开篇
diff算法1. diff算法概念功能：提升性能 概括：diff全程difference，意为差异，顾名思义就是寻找不同。寻找不同这个过程需要一个本体和参照体，寻找不同的过程就是diff算法的本质。 2. 衍生–虚拟dom在今天，前端领域
2021-02-06 vue
卷 vue 源码解析
vue双向绑定原理v-model vue双向绑定原理v-model
通过Object.defineProperty劫持数据发生的改变，如果数据发生改变了（在set中进行赋值的），触发update方法进行更新节点内容()，从而实现数据双向绑定的原理 只保留重要代码 class Vue {
2021-02-06 vue
vue 源码解析
36 / 46