H5 web worker是执行线程,作用是用来执行耗时的js脚本,但又不完全是线程,为什么这样说呢,因为和真正的线程有些不一样,系统真正的线程是可以
用来执行任何任务的,但h5的worker底层虽然也是线程,却被限制了,只能做 特定的任务。不能用来操作DOM和BOM,浏览器禁止限制了。
注意:因为worker 的限制,所以创建的worker线程只能用来执行耗时的,跟DOM.BOM没有差点关系的js代码。
那这个怎么办呢,js程序多多少少总会和DOM有点关系,可以和UI主线程配合来完成一些相对跟DOM关联很小的操作。
把耗时操作的js单独写一个文件,专门用worker线程去执行,在UI主线程执行的js脚本操作跟DOM相关的工作,然后在
UI主线程执行的js脚本中创建一个worker工作线程,接着调用一个方法:postMessage();把数据传递到worker线程,在
耗时的文件里通过onmessage事件去判断ui主线程是否已传递了数据和消息过来通知开始执行脚本。
onmessage事件解释:只要UI主线程发送了消息,就会触发这个事件
具体使用方法:
首先在UI线程执行的js文件中创建一个工作线程:
UI主线程执行的js脚本
<script>