worker-dom
新加坡
程序代码 框架/库

worker-dom

实现运行在一个Web Worker中的 DOM API 和框架

爱站权重:PC 百度权重移动 百度移动权重

worker-dom正在进行(如在非常alpha中)的DOM API实现,旨在在Web Worker中运行。

目的:将与DOM突变相关的中间工作的复杂性移至后台线程,仅向前台线程发送必要的操作。

用例:

来自第三方的嵌入式内容与第一方代码并存。
减少不需要对用户操作进行同步更新的内容的昂贵呈现。
通过在文档中的其他位置进行异步更新来保留高优先级更新的主线程可用性。

为了在 Web Workers 内部实现 DOM 的完整表示,WorkerDOM 提供了一种用 TypeScript 编写的高效传输机制。谷歌 AMP 项目技术负责人 Malte Ubl 在 WorkerDOM 的公告中是这样说的:

WorkerDOM 对服务器渲染的 DOM 进行“注水( hydrate)”,然后在应用程序对页面进行更改时进行代理“修改(mutation)”,例如对用户操作做出响应或运行动画

WorkerDOM 可以通过 npm 或 yarn 安装:

npm install @ampproject/worker-dom
yarn add @ampproject/worker-dom

用法
WorkerDOM有两种形式,全局变体和模块变体。可以直接或通过捆绑包在文档中包含WorkerDOM主线程代码。以下是您可以直接执行的操作:



WorkerDOM允许我们升级文档的特定部分以由工作人员驱动。例如,想象一下div页面中的节点如下:

要使用模块版本的代码升级此节点,我们可以直接导入upgradeElement并使用它,如下所示:


nomodule格式公开全局MainThread,并可以div通过以下方式升级:

数据统计

数据评估

worker-dom浏览人数已经达到13,如你需要查询该站的相关权重信息,可以点击"爱站数据""Chinaz数据"进入;以目前的网站数据参考,建议大家请以爱站数据为准,更多网站价值评估因素如:worker-dom的访问速度、搜索引擎收录以及索引量、用户体验等;当然要评估一个站的价值,最主要还是需要根据您自身的需求以及需要,一些确切的数据则需要找worker-dom的站长进行洽谈提供。如该站的IP、PV、跳出率等!

关于worker-dom特别声明

本站东辰资源网提供的worker-dom都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由东辰资源网实际控制,在2021年10月6日 下午8:13收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,东辰资源网不承担任何责任。

相关导航

暂无评论

暂无评论...