PyScript 核心特性

Python in the browser：启用 drop-in content、外部文件托管（基于 Pyodide 项目），以及不依赖服务器端配置的应用程序托管。
Python 生态：提供流行的 Python 和科学计算软件包（例如 numpy, pandas, scikit-learn 等）。
Python with JavaScript：在 Python 和 JavaScript 对象和命名空间之间进行双向通信。
环境管理：开发者可定义要引入哪些包和文件，以便页面代码的运行。
可视化应用开发：开发者可使用现成的 UI 组件，如按钮、容器、文本框等。
灵活的框架：开发者可以利用它在 Python 中直接创建和分享新的可插拔和可扩展的组件。

PyScript 目标

提供干净简单的 API。
支持标准 HTML。
扩展 HTML 以读取稳定且可靠的自定义组件。
提供可插拔、可扩展的组件系统。

CDN

<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>

基础用法

 <py-script>print('Hello PyScript!')</py-script>

复杂一点

<py-script>import datetime as dtpyscript.write('today', dt.date.today().strftime('%A %B %d, %Y'))def compute_pi(n):pi = 2for i in range(1,n):pi *= 4 * i ** 2 / (4 * i ** 2 - 1)return pipi = compute_pi(100000)pyscript.write('pi', f'π is approximately {pi:.3f}')</py-script>

引用第三方库(head标签中引用)

<py-env>- numpy- matplotlib
</py-env>

![在这里插入图片描述](https://img-blog.csdnimg.cn/b9b31c55d56547f2af7258db0ecce2a4.png

完整例子

<!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"><link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /><script defer src="https://pyscript.net/alpha/pyscript.js"></script><title>pyscript</title><py-env>- numpy- matplotlib</py-env>
</head><body><b><p>Today is <u><label id='today'></label></u></p></b><br><div id="pi" class="alert alert-primary"></div><div id="plot"></div><div id="plot2"></div><py-script>print("Hello PyScript!")</py-script><py-script>import datetime as dtpyscript.write('today', dt.date.today().strftime('%A %B %d, %Y'))def compute_pi(n):pi = 2for i in range(1,n):pi *= 4 * i ** 2 / (4 * i ** 2 - 1)return pipi = compute_pi(100000)pyscript.write('pi', f'π is approximately {pi:.3f}')</py-script><py-script>import matplotlib.pyplot as pltimport numpy as npx=np.random.randn(100)y=np.random.randn(100)fig, ax=plt.subplots()ax.scatter(x, y)#散点图ax.set_title("demo")pyscript.write("plot",fig)</py-script><py-script>x=[1, 2, 3, 4]y=[1, 4, 9, 16]fig, ax=plt.subplots()ax.plot(x, y)#折线图ax.set_title("line-chart")pyscript.write("plot2",fig)</py-script>
</body></html>

总结

现阶段，运行带有 PyScript 的页面加载速度特别慢，像一下子回到了原始年代。
目前阶段，只能尝试新鲜感，知道这么个东西，项目中最好还是不要使用。
项目现在还在完善阶段，许多功能还没有支持，但是从github热度和参与贡献的人数来看，前途还是可以的。

pyscript的用法相关推荐

python的try和except用法_try except(多个except)多异常处理
在python中,try except是基本的捕获并处理异常的语句,try except语句里try代码块写一个即可,except 代码块可以写多个,每个 except 块都可以参与处理1个或者多个异 ...
c语言中external，static关键字用法
static用法: 在C中,static主要定义全局静态变量.定义局部静态变量.定义静态函数. 1.定义全局静态变量:在全局变量前面加上关键字static,该全局变量变成了全局静态变量.全局静态变量有 ...
Pandas_transform的用法
先来看一个实例问题. 如下销售数据中展现了三笔订单,每笔订单买了多种商品,求每种商品销售额占该笔订单总金额的比例.例如第一条数据的最终结果为:235.83 / (235.83+232.32+107.9 ...
Python中yield和yield from的用法
yield 后面接的是 future 对象调用方委托生成器 yield from 直接给出循环后的结果 yield from 委托者和子生成器直接通信 yield from 直接处理stopIte ...
pytorch学习中 torch.squeeze() 和torch.unsqueeze()的用法
squeeze的用法主要就是对数据的维度进行压缩或者解压. 先看torch.squeeze() 这个函数主要对数据的维度进行压缩,去掉维数为1的的维度,比如是一行或者一列这种,一个一行三列(1,3)的 ...
python yield 和 yield from用法总结
#例1. 简单输出斐波那契數列前 N 个数 #缺点:该函数可复用性较差,因为 fab 函数返回 None,其他函数无法获得该函数生成的数列 #要提高 fab 函数的可复用性,最好不要直接打印出数列,而 ...
tf.nn.embedding_lookup()的用法
函数: tf.nn.embedding_lookup( params, ids, partition_strategy='mod', name=None, validate_indices=True, ...
OpenMP用法大全
OpenMP基本概念 OpenMP是一种用于共享内存并行系统的多线程程序设计方案,支持的编程语言包括C.C++和Fortran.OpenMP提供了对并行算法的高层抽象描述,特别适合在多核CPU机器上的 ...
Dorado用法与示例
Dorado用法与示例 dorado用后总结一.dorado概念 dorado的产品全名是"dorado展现中间件".从产品形态上dorado由两部分组成,第一部分是一个具有AJ ...

pyscript的用法

PyScript 核心特性

PyScript 目标

CDN

基础用法

复杂一点

引用第三方库(head标签中引用)

完整例子

总结

pyscript的用法相关推荐

最新文章

热门文章