當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript virtual-dom.patch函數代碼示例

本文整理匯總了TypeScript中virtual-dom.patch函數的典型用法代碼示例。如果您正苦於以下問題:TypeScript patch函數的具體用法?TypeScript patch怎麽用?TypeScript patch使用的例子?那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。


在下文中一共展示了patch函數的4個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: appendPosts

    private appendPosts(): void {
        let newCollectionNode = new PostCollectionView(this.loadedPosts).render();

        if (!this.collectionElement) {
            this.collectionElement = create(newCollectionNode);
            let postElements = this.element.querySelectorAll(".post");
            let lastElement = postElements[postElements.length - 1];
            if (lastElement && lastElement.parentElement) {
                lastElement.parentElement.insertBefore(
                    this.collectionElement,
                    lastElement.nextSibling,
                );
            }
        } else {
            let patches = diff(this.collectionNode, newCollectionNode);
            this.collectionElement = patch(this.collectionElement, patches);
        }

        this.collectionNode = newCollectionNode;
    }
開發者ID:pxfs,項目名稱:fanboi2,代碼行數:20,代碼來源:topic_load_posts.ts

示例2: originalPatch

const patch = (rdom: RDOM, patches: Patches): VDOM =>
  originalPatch(rdom, patches);
開發者ID:bouzuya,項目名稱:boa-vdom,代碼行數:2,代碼來源:dom.ts

示例3: render

 stores[storeName].subscribe(() => {
   let newTree = render(stores);
   let patches = diff(tree, newTree);
   rootNode    = patch(rootNode, patches);
   tree        =  newTree;
 })
開發者ID:tomjal,項目名稱:tsf,代碼行數:6,代碼來源:core.ts

示例4: diff

const updateDom = (newTree: VirtualDOM.VNode): void => {
    const patches: VPatch[] = diff(currentTree, newTree);
    rootNode = patch(rootNode, patches);
    currentTree = newTree;
};
開發者ID:315ea,項目名稱:frontend,代碼行數:5,代碼來源:main.ts


注:本文中的virtual-dom.patch函數示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。