今天的木鱼

一、响应式数据与副作用函数 副作用函数： effect函数执行时， 但除了effect函数之外的任何函数都可以读取或者设置body的文本内容 effect函数修改了全局变量， 但除了effect函数之

1、挂载子节点和元素属性 1.1挂载子节点 一个元素除了文本节点外， 还可以包含其他元素子节点， 非文本节点可以创建为数组 这时候对应修改mountElement函数 patch的第一个参数为null

一、异步组件 1、为什么要封装 节省用户的工作量， 能够提供拓展功能 封装前 封装后 注意： defineAsynComponent函数本质是一个高阶函数， 返回值是一个包装组件 包装组件会根据加载器

一、渲染组件 组件的vnode如下 在patch添加组件类型的判断 mountComponent的实现 二、组件状态和自更新 1、组件自身状态的初始化 2、自更新 当组件自身状态发生变化时， 需要有能

一、KeepAlive组件的实现原理 1、组件的失活和激活 keepAlive的本质：缓存管理， 配上特殊的挂载和卸载逻辑， keepAlive的卸载：keepAlive的组件从原容器搬运到另一个隐藏

快速diff 1、去掉相同的前置元素 j 2、去掉相同的后置元素 newEnd oldEnd 3、如果 j <= newEnd && j > oldEnd 需要挂载元素 j 到newEnd的元素， 挂

比较头部 比较尾部 比较新尾旧头 比较新头旧尾 找不到遍历旧vnode寻找新头 找到， 插入Dom头部， 原位置置为undefined; 找不到， 挂载插入Dom头部 旧节点比对完， 但是新节点还没有

1、渲染器与响应系统的结合 响应系统和渲染器之间的管理： 利用响应系统的能力， 自动调用渲染器完成页面的渲染和更新 2、渲染器的基本概念 渲染器： 渲染器的作用是把虚拟DOM渲染为特定平台上的真实元素

通过记录移动的旧vnode中最大排序值，小于排序值的进行移动， 大于vnode则更新最大排序值 新vnode的顺序就是想要更新的顺序 移动DOM、加载DOM、删除DOM 遍历过程， 只有新vnode当