Jiuto

VirtualDOM 是根据真实的DOM节点树，抽象出来的一棵用 JavaScript 对象描述节点的抽象树。 通过 VirtualDOM ，可以对比前后节点变化了哪些变化，做到局部更新视图，减少 DOM 操作。 对比过程通过 patch 来实现，而 patch 的核心是 di…

在vue源码入口文件vue/src/core/index.js中，可以看到import Vue from './instance/index'，导入了Vue这个对象。 可以看到Vue是一个函数方法，调用该方法时会调用一个叫_init的初始化方法，并传入options参数，同时这…

transition 是 transition-property / transition-duration / transition-timing-function / transition-delay 的简写属性。 transition-property规定设置过渡效果的 …

柯里化指这样的一种函数，它接受一个函数A为参数，返回一个新的函数，新函数能够接受函数A的剩余参数。 假设我们有一个函数curry，有一个函数add，通过curry返回新函数_add。 通过闭包保存剩余参数，返回一个新的函数，拼接闭包中的参数和新函数的参数，对比原函数的形参个数，…

采用栅格布局display:grid 或 inline-grid的元素称为容器，其直接子元素称为项目。 grid-template-columns 定义列宽， grid-template-rows 定义行高。 也可以和px混用。 第一个参数表示重复次数，可以是数字，也可以是au…

{boolean} deep 为了发现对象内部值的变化，可以在选项参数中指定 deep: true。注意监听数组的变更不需要这么做 在vue源码入口文件vue/src/core/index.js中，可以看到import Vue from './instance/index'，导…

在vue源码入口文件vue/src/core/index.js中，可以看到import Vue from './instance/index'，导入了Vue这个对象。 可以看到Vue是一个函数方法，调用该方法时会调用一个叫_init的初始化方法，并传入options参数，同时这…

右侧的文本内容会随着输入框的内容及时改变。 我们可以先通过这篇文章（Javascript常用的设计模式详解）了解一下发布-订阅模式。 我们将对 data 对象的每一个属性，都使用发布-订阅模式。 每个属性都将有一个 Dep 对象，Dep 对象上有一个 subs 数组，用于存储所…

水平居中、垂直居中原始效果：居中效果：水平居中+行内元素方法一水平居中+块级元素方法一：margin方法二：flex方法三：position + transform方法四：position + mar