提交代码

cxhuan · cxhuan · commit c21b0d5cb97a · 2022-05-15T22:12:52.000+08:00
diff --git a/xianhuan/README.md b/xianhuan/README.md
@@ -10,6 +10,8 @@ Python技术 公众号文章代码库
 
 ## 实例代码
 
+[人人爆吹的PyScript到底是什么？](https://github.com/JustDoPython/python-examples/tree/master/xianhuan/pyscript)：人人爆吹的PyScript到底是什么？
+
 [Python 增强视频画质，就这么做！](https://github.com/JustDoPython/python-examples/tree/master/xianhuan/enhancevideo)：Python 增强视频画质，就这么做！
 
 [Python美图技术也就几行代码！](https://github.com/JustDoPython/python-examples/tree/master/xianhuan/imageenhange)：Python美图技术也就几行代码！
diff --git a/xianhuan/pyscript/importPackages.html b/xianhuan/pyscript/importPackages.html
@@ -0,0 +1,26 @@
+<html>
+    <head>
+      <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
+      <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
+      <py-env>
+        - numpy
+        - matplotlib
+      </py-env>
+    </head>
+
+  <body>
+    <h1>Let's plot random numbers</h1>
+    <div id="plot"></div>
+    <py-script output="plot">
+import matplotlib.pyplot as plt
+import numpy as np
+
+x = np.random.randn(1000)
+y = np.random.randn(1000)
+
+fig, ax = plt.subplots()
+ax.scatter(x, y)
+fig
+    </py-script>
+  </body>
+</html>
diff --git a/xianhuan/pyscript/labledEles.html b/xianhuan/pyscript/labledEles.html
@@ -0,0 +1,26 @@
+<html>
+    <head>
+      <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
+      <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
+      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
+    </head>
+
+  <body>
+    <b><p>Today is <u><label id='today'></label></u></p></b>
+    <br>
+    <div id="pi" class="alert alert-primary"></div>
+    <py-script>
+        import datetime as dt
+        pyscript.write('today', dt.date.today().strftime('%A %B %d, %Y'))
+
+        def compute_pi(n):
+            pi = 2
+            for i in range(1,n):
+                pi *= 4 * i ** 2 / (4 * i ** 2 - 1)
+            return pi
+
+        pi = compute_pi(100000)
+        pyscript.write('pi', f'π is approximately {pi:.3f}')
+    </py-script>
+  </body>
+</html>
diff --git a/xianhuan/pyscript/test.html b/xianhuan/pyscript/test.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<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">
+    <!-- 引入 PyScript -->
+    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
+    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
+
+    <title>First PyScript Application</title>
+    <style>
+        py-script {
+            width: 100%;
+            height: 100%;
+            font-size: 20px;
+            text-align: center;
+            position: absolute;
+        }
+    </style>
+</head>
+
+<body>
+    <py-script>
+        print('Hello PyScript!')
+    </py-script>
+
+</body>
+
+</html>
