在一次内部分享会中，我表达了可以把 re【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。act 的 virtual dom 那一【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。套全部放到 webworker 中，这样【转载请注明来源】【原创内容，转载请注明出处】就可以避免在主线程进行计算量很大的 di【版权所有，侵权必究】【未经授权禁止转载】ff 操作，一方面节省主线程的计算消耗提本文版权归作者所有，未经授权不得转载。【未经授权禁止转载】升性能，另一方面也不需要再去构建 rea【未经授权禁止转载】著作权归作者所有，禁止商业用途转载。ct 的 scheduler 做那么复杂【作者：唐霜】转载请注明出处：www.tangshuang.net的协程工程。大致意思就是，在主线程只做 【本文受版权保护】【未经授权禁止转载】DOM 操作，而 DOM 的操作，全部由【访问 www.tangshuang.net 获取更多精彩内容】原创内容，盗版必究。 worker 线程发送消息到主线程完成转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】。在 worker 中计算得到 patc【本文受版权保护】原创内容，盗版必究。hes，发送到主线程，由主线程的程序完成著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。 patch，也就是在主线程中，只存在 本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。DOM 操作，不存在计算过程。其中比较重本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。要的一点，是事件响应问题。当用户在界面上未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。做了一次点击后，需要发送一个 event本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。 消息到 worker 中，然后由 wo【作者：唐霜】【原创内容，转载请注明出处】rker 中构建的一套事件处理系统完成事本文作者：唐霜，转载请注明出处。【原创内容，转载请注明出处】件响应和接下来的 diff，将最终的 p转载请注明出处：www.tangshuang.net【版权所有】唐霜 www.tangshuang.netatch 发送回主线程。

之后，在同事的推荐和自己的寻找下，找到两【关注微信公众号：wwwtangshuangnet】【版权所有，侵权必究】个项目：

• web-perf/react-worke【本文首发于唐霜的博客】【转载请注明来源】r-dom: Experiments t未经授权，禁止复制转载。【未经授权禁止转载】o see the advantages著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net of using Web Worker【原创内容，转载请注明出处】【版权所有，侵权必究】s to Render React Vi【作者：唐霜】【版权所有】唐霜 www.tangshuang.netrtual DOM (github.co【转载请注明来源】【原创内容，转载请注明出处】m)
【关注微信公众号：wwwtangshuangnet】【版权所有，侵权必究】未经授权，禁止复制转载。
• dai-shi/react-worker本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。-components: React W【未经授权禁止转载】【未经授权禁止转载】orker Components sim原创内容，盗版必究。本文作者：唐霜，转载请注明出处。plify using Web Work【未经授权禁止转载】【关注微信公众号：wwwtangshuangnet】ers (github.com)
【关注微信公众号：wwwtangshuangnet】【原创内容，转载请注明出处】原创内容，盗版必究。
• ampproject/worker-do本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】m: The same DOM API 本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。and Frameworks you k原创内容，盗版必究。转载请注明出处：www.tangshuang.netnow, but in a Web Wo【版权所有】唐霜 www.tangshuang.net【原创内容，转载请注明出处】rker. (github.com)
【版权所有，侵权必究】【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】

前一个项目比较老了，感觉正好符合我的想法未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.net。后一个项目受最近 server com本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。ponents 的启发才出来，也是非常有转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】意思。

在深入想想。既然我们可以把计算过程放到 【转载请注明来源】原创内容，盗版必究。worker 中，也可以放到 wasm 本文版权归作者所有，未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】中去。我们可以用 rust 重写 vir【作者：唐霜】著作权归作者所有，禁止商业用途转载。tual dom 的实现，并像上面 wo【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshuang.netrker 中的处理方式，放到 wasm 【未经授权禁止转载】本文版权归作者所有，未经授权不得转载。中，通过接口传递数据，完成计算后再回调方本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】法，最终实现这个效果。

而以上这套思路，还有点像小程序的思路，但本文作者：唐霜，转载请注明出处。原创内容，盗版必究。最终还是不大相同。