fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

PyScript
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

GitHub:https://github.com/pyscript/pyscript
网站描述:在HTML中直接插入 Python 代码

PyScript 由来自 Anaconda 的团队开发,是一个用于在 html 中插入 Python 代码的工具,这意味着你可以在 HTML 中编写和运行 Python 代码,在 PyScript 中调用 Javascript 库,并在 Python 中进行所有的 Web 开发。

PyScript 是基于 Pyodide(https://pyodide.org/) 开发的,它是 CPython 到 WebAssembly/Emscripten 的入口,PyScript 支持在浏览器中编写和运行 Python 代码,未来还将提供对其他语言的支持。



如何使用 PyScript?

PyScript 的 alpha 版本可以在 pyscript.net 上找到,代码可在 https://github.com/pyscript 获得。PyScript 允许你使用以下三个主要组件在 html 中编写 Python:

  • 定义了运行 Python 代码所需的 Python 包。
  • 是你编写在网页中执行的 Python 代码的地方。
  • 创建一个 REPL 组件,用于评估用户输入的代码并显示结果。

要尝试 PyScript,请将适当的 pyscript 文件导入您的 html 页面:

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

此时,您可以在 html 页面中使用 PyScript 组件。PyScript 当前实现了以下元素:

<py-script>:可用于定义可在网页中执行的 python 代码。元素本身不渲染到页面,仅用于添加逻辑
<py-repl>: 创建一个 REPL 组件,该组件作为代码编辑器呈现到页面,并允许用户编写可以执行的代码


示例

我们先创建一个最简单的示例,代码如下所示:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
<body>
Hello world! <br />
This is the current date and time, as computed by Python:
<py-script>
from datetime import datetime
now = datetime.now()
now.strftime("%m/%d/%Y, %H:%M:%S")
</py-script>
</body>
</html>


链接: https://fly63.com/nav/3665

more>>
相关栏目
webpack
webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起
官网GitHub
npm
javascript 最流行的包管理器
官网GitHub
yarn
可替代NPM的快速、可靠、安全的可信赖包管理工具Yarn
官网GitHub
bower
解决js的依赖管理
官网GitHub
grunt
基于Node.js的项目构建工具。它可以自动运行你所设定的任务
官网GitHub
Parcel
快速,零配置的 Web 应用程序打包器
官网GitHub
babel
Babel 是一个 JavaScript 编译器,可用下一代JavaScript 语法写代码
官网GitHub
browserify
一个浏览器端代码模块化工具,require和module.exports来导入和导出.Browserify的原理:部署时处理代码依赖,将模块打包为一个文件。
官网GitHub
HEAD
一份你可以在 &lt;head&gt; 里设置的列表
官网GitHub
Snibox
一个可自建托管的代码片段管理器
官网GitHub
Flow
Facebook 推出一个静态类型检测工具
官网GitHub
WeFlow
一个高效、强大、跨平台的前端开发工作流工具
官网GitHub
Athena
前端自动化流程构建工具
官网GitHub
Cooking
更易上手的前端构建工具
官网GitHub
vue-cli
一个基于 Vue.js 进行快速开发的完整系统
官网GitHub
Turborepo
一个用于 JavaScript 和 TypeScript monorepos 的高性能构建系统
官网GitHub

手机预览