公式一肖中特平

首頁 > 云開發 > JavaScript > 正文

后臺-系統設置-擴展變量-手機廣告位-內容正文頂部

snabbdom源碼解析(五) 鉤子

JavaScript

文件路徑 : ./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源碼解析(七) 事件處理

個人博客地址

文章來源:segmentfault,作者:chen4342024。如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至:william.shi#ucloud.cn(郵箱中#請改為@)進行舉報,并提供相關證據,一經查實,本社區將立刻刪除涉嫌侵權內容。
后臺-系統設置-擴展變量-手機廣告位-內容正文底部

推薦文章

熱門標簽

    熱門文章 最新文章 文章云

站內導航

全站搜索

公式一肖中特平 好运经纪人 为什么新浪体育视频看不了 陕西十一选五走势图 捷报比分即时美式足球比分 nba比分网即时比分直播 融金汇银配资 贵州11选5开奖直 星悦广西麻将电脑版 nba今天比赛比分 福彩3d 排列三和值走势图500期 二人联机麻将手机游戏 山东11选5开奖时 今日排列三 棒球比分的x什么意思 安徽十一选五走势图