TypeScript virtual-dom.patch函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了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；未经允许，请勿转载。