web worker实时刷新界面执行次数

最新推荐文章于 2024-09-10 12:32:06 发布

狸狸1009

最新推荐文章于 2024-09-10 12:32:06 发布

阅读量1.6k

点赞数

本文链接：https://blog.csdn.net/dongyang1124/article/details/82690833

版权

本文介绍了如何利用Web Worker技术在前端实现界面实时刷新执行次数，特别是在更新Bootstrap Table数据时。Web Worker允许在后台运行JavaScript，避免阻塞主线程，提高UI交互性能。文章还提及了Worker线程的创建、运行特点以及同源限制、DOM隔离、通信方式等关键点。

摘要由CSDN通过智能技术生成

看了一大顿web worker 唯一的意识可能就是当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时web worker 在后台运行。
所以在前台为了实时刷新执行次数，就用webwork写了个代码，刷新的是bootstrap table中的数据
1、js代码

window.onload =setInterval(function(){
   
            var allTableData = $("#table").bootstrapTable('getData');//获取表格的所有内容行
               //向后台线程提交随机数组

               worker.postMessage(JSON.stringify(allTableData));
               //从线程中取得计算结果
               w