微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何处理非常慢的 DOM 操作,使其不会阻塞?

如何解决如何处理非常慢的 DOM 操作,使其不会阻塞?

我必须执行一个涉及 DOM 的非常慢(20 秒以上)的操作。具体来说,paper.js SVG 导出:

project.exportSVG({ asstring: true,matchShapes: true,precision: 2 })

重复调用 document.createElementNS(参见 here)。

由于 DOM 操作在 worker 中是不可能的,所以我不能使用它们来运行这个。

我尝试使用这样的承诺:

(new Promise((resolve,reject) => {
   console.time('export')
   var p = project;
    resolve(p.exportSVG({ asstring: true,precision: 2 }));
   console.timeEnd('export')
})).then(svg => { console.log(svg) })

但它仍然阻塞了很长时间。

有没有其他方法可以让我长时间不阻塞地运行它?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。