[发明专利]一种基于Vue框架执行web worker的方法及系统

说明书

本发明涉及前端技术领域，公开了一种基于Vue框架执行web worker的方法，包括以下步骤：步骤S1.初始化web worker的对象，所述web worker的对象包括创建模块、分发模块、执行模块和回收模块；步骤S2.将所述web worker的对象创建为Vue插件,使用Object.defineProperty函数将woker对象添加到Vue的原型上；步骤S3.在代码中引入所述Vue插件，在Vue组件上用所述Vue插件执行web worker。本发明还公开了一种基于Vue框架执行web worker的系统。本发明用于封装web worker使用过程，能够减少执行web worker的复杂性，使用简单快捷，提升了工作效率。

技术领域

本发明涉及前端技术领域，具体地说，是一种基于Vue框架执行web worker的方法及系统，用于封装web worker使用过程，能够减少执行web worker的复杂性，使用简单快捷，提升了工作效率。

背景技术

随着互联网和web技术的不断发展，前端应用功能越来越丰富，javascript技术也不断推出新特性，为了给javascript创造多线程环境，引入了web worker技术，主线程可以创建web worker线程，将一些任务在后台运行，而且不影响页面性能。但是通常使用webworker的过程十分复杂，需要创建web worker脚本，在主线程中引用脚本创建web worker线程，并且在主线程和web worker线程中设置监听函数，接收对方发来的消息。使用不方便。

因此，本发明提供了一种基于Vue框架执行web worker的方法，封装web worker使用过程，能够减少执行web worker的复杂性，使用简单快捷，提升了工作效率。

发明内容

本发明的目的在于提供一种基于Vue框架执行web worker的方法，用于封装webworker使用过程，能够减少执行web worker的复杂性，使用简单快捷，提升了工作效率。

本发明通过下述技术方案实现：一种基于Vue框架执行web worker的方法，1.括以下步骤：

步骤S1.初始化web worker的对象，所述web worker的对象包括创建模块、分发模块、执行模块和回收模块；

步骤S2.将所述web worker的对象创建为Vue插件；

步骤S3.在代码中引入所述Vue插件，在Vue组件上用所述插件执行web worker。

为了更好地实现本发明，进一步地，所述步骤S1中对创建模块的初始化操作包括注册任务、创建web worker池和创建web worker实例：

所述注册任务的初始化操作包括创建任务列表，依次将任务函数加入到列表中，并为每个任务记录名称、类型和属性；

所述创建web worker池的初始化操作包括创建一个数组作为web worker池，设置web worker池的最大web worker实例数，将其值设置为客户端所在硬件环境支持的并发线程数减1，按照最大web worker数创建web worker实例并放入到web worker池中，并为每个web worker实例设置一个表示是否空闲的状态值，初始值为空闲状态；

所述创建web worker实例的初始化操作包括步骤A和步骤B。

为了更好地实现本发明，进一步地，所述步骤A和步骤B的操作包括：

步骤A.判断客户端是否支持web worker，如果否，返回错误信息，如果是，将需要使用web worker执行的任务函数转换成字符串，根据转换成的字符串创建二进制类型对象，根据创建的二进制类型对象创建object URL对象，根据创建的object URL对象创建webworker实例；