Web Worker Demo

Web Workers API 是 HTML5 中提供的一种能够创建并运行在后台线程中的 JavaScript 脚本的API。Web Workers 可以运行在与主线程相分离的子线程中,并且可以执行一些任务,如处理大量数据、计算、运行复杂的算法等,而不会阻塞主线程。

在传统的 JavaScript 编程中,如果需要进行耗时的计算,我们通常会将计算任务放在主线程中执行。这会导致主线程被阻塞,因此用户可能会看到页面无响应或卡顿的现象(在这个时间里我不能选中文字,不能输入文字,不能点击链接,页面卡死)

不启用Web Work 启用Web Work

× = 1

worker 线程无法操纵 DOM 元素或使用window 对象中的某些方法和属性,他的目的是开新线程运算

通过myWorker.postMessage() 方法来发送信息,通过 myWorker.onmessage 这个 event handler 来接收信息

Copyright © 2023- markbuild