H5 web worker线程的使用

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>