一、webWorker之初体验 在"setTimeout那些事儿"中，说到JavaScript是单线程。也就是同一时间只能做同一事情。 也好理解，作为浏览器脚本语言，如果JavaScript不是单线程，那么就有点棘手了。比如，与用户交互或者对DOM进行操作时，在一个线程上修改某个DOM，另外的线程删
原创
2022-07-21 14:35:15
110阅读
一、webWorker之初体验在"setTimeout那些事儿"中，说到JavaScript是单线程。也就是同一时间只能做同一事情。也好理解，作为浏览器脚本语言，如果JavaScript不是单线程，那么就有点棘手了。比如，与用户交互或者对DOM进行操作时，在一个线程上修改某个DOM，另外的线程删除DOM，这时浏览器该如何抉择呢?所以，JavaScript是单线程也是有背景的。如
原创
2017-04-18 16:10:50
265阅读
点赞
web worker 是运行在后台的 JavaScript，不会影响页面的性能。web worker 无疑是解决 js 计算能力弱的一大利器。如果将 docs 表格中复杂计算放到主线程中，页面不仅可能卡顿，甚至可能崩溃掉。将计算挪入 web worker 中，将计算结果事件回调的方式返回，可以让用户使用更加流畅。
原创
2021-04-15 14:12:01
368阅读
web workes://jsfiddle.net/z...
原创
2022-02-08 14:43:55
134阅读
概念程序：指可以被CPU执行的代码，程序存储在磁盘上 a.html b.js进程：将程序调
原创
2023-03-10 07:00:59
121阅读
前端开发中遇到由于大量计算导致定时器回调不能如期执行，导致页面卡顿的问题，先分析一下思路 解决思路： 解决方案 优点 缺点 优化算法，减少不必要的计算 提高程序员自我修养 算法过于庞大，原作者不在，无法评估工作量 WebWorker 技术，减少 JS 引擎阻塞 实现简单 存在兼容性问题 参考 Rea
原创
2022-05-30 00:59:38
426阅读
WebWOrker::: tip概述Web Worker 的作用，就是为 JavaScript 创造多线程环境，允许主线程
原创
2022-12-15 21:42:15
235阅读
var i=0;self.onmessage=function(event){ //console.log(event) postMessage(event.data+1)}function test(){ postMessage(i++) setTimeout(() => { test() }, 100);}test(...
原创
2023-03-16 13:51:17
170阅读
一 WebWorkder 它允许开发人员编写能够长时间运行而不被用户所中断的后台程序，去执行事务或者逻辑，并同时保证页面对用户的响应。简而言之，就是允许JavaScript创建多个线程，但是子线程完全受主线程控制，且不得操作DOM。从而，可以用webWorker来处理一些比较耗时的计算。 好处： 1
原创
2021-06-04 16:40:50
187阅读
最近，我对WebWorker和SharedWorker进行了深入的研究，并深信这两个技术将成为前端开发中的重要利器，帮助我们解锁更多的性能潜能。 ? 从一个问题开始 在我们开
八叉树用来碰撞检测非常便捷 但是对于点多的模型在构建八叉树结构时会消耗大量时间 并且会阻
原创
2023-03-05 09:49:56
648阅读
前言 JavaScript从使用开初就一直基于事件循环的单线程运行模型，即使是成功进军后端开发的Nodejs也没有改变这一模型。那么对于计算密集型的应用，我们必须创建新进程来执行运算，然后执行进程间通信实现传参和获取运算结果。否则会造成UI界面卡顿，甚至导致浏览器无响应。从功能实现来看，我们可以通过 ...
转载
2021-07-28 17:19:00
386阅读
2评论
困在笼子里的Web Worker 在使用Web Worker前我们要了解它的能力边界，让我们避免无谓的撞壁： 同源限制 1.1. 以http(s)://协议加载给WebWorker线程运行的脚本时，其URL必须和UI线程所属页面的URL同源；1.2. 不能加载客户端本地脚本给WebWorker线程运 ...
转载
2021-08-16 19:55:00
1034阅读
2评论
微信小程序中使用websocket分为两步：一、现在微信公众平台的开发者工具中配置socket的域名 二、开始编写业务代码业务代码大致可以分成三个步骤：a.发起请求，建立一个socket连接let SocketTask = wx.connectSocket({
url: 'wss://app-test.kidsplace.cn:18887',
如果是小的模型还是不需要这么做的 js线程足够处理构建时的开销。worker中根据碰撞体的信息构建有效的碰撞体
原创
2023-03-05 09:50:23
267阅读
前言JavaScript从使用开初就一直基于事件循环的单线程运行模型，即使是成功进军后端开发的Nodejs也没有改变这一模型。那么对于计算密集型的应用，我们必须创建新进程来执行运算，然后执行进程间通信实现传参和获取运算结果。否则会造成UI界面卡顿，甚至导致浏览器无响应。
从功能实现来看，我们可以通过新增iframe加载同域页面来创建JSVM进程执行运算从而避免造成界面卡顿的问题。但存在如下问题：这
原创
2022-03-24 10:19:54
327阅读
什么是webworker众所周知，JavaScript是一个单线程的，也就是说，所有的任务都在一个线程上去执行，只能等着前面的任务执行完毕，才可以执行后面的任务。当我们面对大数据量计算的场景下，我们的页面就会出现一个假死的现象，用户什么都做不了，只能傻傻的等待。我们呢，就等待着测试小姐姐给我们提一个bug。。。webworker就是来解决这个东西的，先说一句，webworker不是什么第三方的东西
现在的JavaScript代码要进行性能优化，通常使用一些常规手段，如：延迟执行、预处理、setTimeout等异步方式避免处理主线程，高大上一点的会使用WebWorker。即使对于WebWorker也仅仅是解决了阻塞主线程的问题，但是对于JavaScript计算性能慢的问题并没有解决。这里对一些需要密集计算的场景我给大
原创
2022-02-08 14:30:44
869阅读
现在的JavaScript代码要进行性能优化，通常使用一些常规手段，如：延迟执行、预处理、setTimeout等异步方式避免处理主线程，高大上一点的会使用WebWorker。即使对于WebWorker也仅仅是解决了阻塞主线程的问题，但是对于JavaScript计算性能慢的问题并没有解决。这里对一些需要密集计算的场景我给大家推荐一个神器——WebAssembly。
原创
2021-04-14 09:22:07
2412阅读
