From fb92a3de0bd31b53036b11b41ecd1a6c8c5d28c4 Mon Sep 17 00:00:00 2001
From: LCJ-MinYa <1049468118@qq.com>
Date: Wed, 25 Dec 2024 17:46:52 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20webworker=20url=E5=BC=95=E5=85=A5?=
 =?UTF-8?q?=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/demo/webWorker/index.vue | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/views/demo/webWorker/index.vue

diff --git a/src/views/demo/webWorker/index.vue b/src/views/demo/webWorker/index.vue
new file mode 100644
index 0000000..82f3cd5
--- /dev/null
+++ b/src/views/demo/webWorker/index.vue
@@ -0,0 +1,27 @@
+<template>
+    <el-card title="创建webWorker时如何不指定特定的文件">
+        <p>
+            在创建webWorker时,默认是需要传入一个js文件作为worker的入口文件。如果我们不需要指定特定的文件，即把创建webworker的代码和需要引入的j代码写在同一个文件中
+        </p>
+        <h3>1: Object URL(blob文件流)</h3>
+        <h3>2: Data URL(base64)</h3>
+    </el-card>
+</template>
+
+<script setup lang="jsx">
+import { ref } from 'vue';
+const code1 = ref("console.log('worker1')");
+const code2 = ref("console.log('worker2')");
+
+// 1: Object URL(blob文件流)
+const blob = new Blob([code1.value], { type: 'application/javascript' });
+const objectUrl = URL.createObjectURL(blob);
+
+// 2: Data URL(base64)
+const dataUrl = `data:application/javascript;utf-8,${code2.value}`;
+
+const worker1 = new Worker(objectUrl);
+const worker2 = new Worker(dataUrl);
+</script>
+
+<style lang="scss" scoped></style>