Thu Aug 10 18:51:00 CST 2023 inscode

7e6c7f72 · weixin_68179602 · ef53fd87 · 7e6c7f72 · 7e6c7f72 · 7e6c7f72
隐藏空白更改
内联并排

Showing with 123 addition and 11 deletion

index.back index.back +30 -0

index.html index.html +48 -11

main.html main.html +28 -0

worker.js worker.js +17 -0

未找到文件。
--- a/index.back
+++ b/index.back
+<!doctype html>
+<html>
+
+<head>
+    <script src="https://cdn.jsdelivr.net/pyodide/v0.23.4/full/pyodide.js"></script>
+</head>
+
+<body>
+    Pyodide test page <br>
+    Open your browser console to see Pyodide output
+    <script>
+        
+        async function run() {
+            let pyodide = await loadPyodide();
+            console.log(pyodide.runPython(`
+            import sys
+            sys.version
+        `));
+            var scriptTags = document.querySelectorAll('script[type="text/py"]');
+            scriptTags.forEach(function (scriptTag) {
+                var scriptContent = scriptTag.innerHTML;
+                pyodide.runPython(scriptContent);
+            });
+        }
+        window.onload = run;
+    </script>
+    <script type="text/py">print(5/2)</script>
+</body>
+
+</html>
\ No newline at end of file
--- a/index.html
+++ b/index.html
 <!DOCTYPE html>
-<html lang="en">
+<html>
+
 <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link href="style.css" rel="stylesheet" type="text/css" />
-    <title>InsCode</title>
+    <script>
+        const worker = new Worker("worker.js");
+        worker.postMessage('import sys\nsys.version');
+        const promise = new Promise(function (resolve, reject) {
+            worker.onmessage = function (event) {
+                var output = event.data;
+                console.log(output);
+                resolve();
+            };
+        });
+
+        promise.then(function () {
+            var scriptTag = document.querySelector('script[id="script"]');
+
+            var pythonCode = 'print(5/2)';
+            console.log(scriptTag.textContent);
+            worker.postMessage(pythonCode);
+
+            worker.onmessage = function (event) {
+                var output = event.data;
+                console.log(output);
+            };
+        });
+        /*
+        (function(){
+
+        })()
+
+        function main() {
+            var scriptTag = document.querySelector('script[id="script"]');
+
+            var pythonCode = 'print(5/2)';
+            console.log(scriptTag.textContent);
+            worker.postMessage(pythonCode);
+
+            worker.onmessage = function (event) {
+                var output = event.data;
+                console.log(output);
+            };
+        }
+        window.onload = main;
+        */
+    </script>
 </head>
+
 <body>
-    <div class="container">
-        <img src="src/assets/logo.svg" alt="InsCode">
-        <div>欢迎来到 InsCode</div>
-    </div>
-    <script src="script.js"></script>
+    <script id="script" type="text/py">print(5/2)</script>
 </body>
+
 </html>
\ No newline at end of file
--- a/main.html
+++ b/main.html
+<!DOCTYPE html>
+<html>
+<head>
+    <script>
+        var worker = new Worker("worker.js");
+        var scriptTags = document.querySelectorAll('script[type="text/py"]');
+        scriptTags.forEach(function (scriptTag) {
+                var scriptContent = scriptTag.innerHTML;
+                worker.postMessage(scriptContent);
+            });
+        // 创建一个新的 Web Worker
+        
+
+        // 监听 Web Worker 发送的消息
+        worker.onmessage = function(event) {
+            var result = event.data;
+            console.log(result);
+        };
+
+        // 向 Web Worker 发送消息
+        
+
+    </script>
+</head>
+<body>
+    <script type="text/py">print(5/2)</script>
+</body>
+</html>
--- a/worker.js
+++ b/worker.js
+importScripts("https://cdn.jsdelivr.net/pyodide/v0.23.4/full/pyodide.js");
+
+async function run() {
+    let pyodide = await loadPyodide();
+    var pythonCode = self.pyCode; // 获取主线程发送的 Python 代码
+
+    var output = pyodide.runPython(pythonCode);
+    self.postMessage(output); // 将结果发送回主线程
+}
+
+self.onmessage = function(event) {
+    self.pyCode = event.data; // 接收主线程发送的 Python 代码
+    console.log(self.pyCode)
+    run();
+};
+
+