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源码剖析(七) 事宜处置惩罚

个人博客地址

    原文作者:chen4342024
    原文地址: https://segmentfault.com/a/1190000017519330
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞