snabbdom源码解析(五) 钩子

文件路径 : ./src/hooks.ts
这个文件主要是定义了 Virtual Dom 在实现过程中,在其执行过程中的一系列钩子。方便外部做一些处理
// 钩子
export interface Hooks {
// 在 `patch` 开始执行的时候调用
pre?: PreHook;

// 在 `createElm`,进入的时候调用init
// vnode转换为真实DOM节点时触发
init?: InitHook;

// 创建真实DOM的时候,调用 create
create?: CreateHook;

// 在`patch`方法接近完成的时候,才收集所有的插入节点,遍历调用响应的钩子
// 可以认为插入到DOM树时触发
insert?: InsertHook;

// 在两个节点开始对比前调用
prepatch?: PrePatchHook;

// 更新过程中,调用update
update?: UpdateHook;

// 两个节点对比完成时候调用
postpatch?: PostPatchHook;

// 删除节点的时候调用,包括子节点的destroy也会被触发
destroy?: DestroyHook;

// 删除当前节点的时候调用。元素从父节点删除时触发,和destory略有不同,remove只影响到被移除节点中最顶层的节点
remove?: RemoveHook;

// 在`patch`方法的最后调用,也就是patch完成后触发
post?: PostHook;
}
snabbdom源码解析系列
snabbdom源码解析(一) 准备工作
snabbdom源码解析(二) h函数
snabbdom源码解析(三) vnode对象
snabbdom源码解析(四) patch 方法
snabbdom源码解析(五) 钩子
snabbdom源码解析(六) 模块
snabbdom源码解析(七) 事件处理
个人博客地址

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理