众所周知,JavaScript是单线程的,一些复杂比较耗时的操作,会阻塞页面的渲染交互,引起页面卡顿,影响用户体验。web worker是html5的新特性之一,主要就是用来解决此类问题,为页面额外开启一个线程,用来处理一些比较耗时操作,不影响主线程的进行。
在实际vue项目的开发使用过程中,还是遇到不少坑,特别记录一下。
首先,基本的web worker使用直接调用Worker构造函数,如下:
// url: js文件路径 // options: 配置信息 const worker = new Worker(url, options)