＜学习笔记＞从零开始自学Python-之-实用库篇(一)-pyscript
由Anaconda创建的PyScript是一项实验性的但很有前途的新技术，它使python运转时在支撑WebAssembly的浏览器中作为一种脚本言语运用。
每个现代常用的浏览器现在都支撑WebAssembly，这是许多言语（如C、C++和Rust）能够编译的高速运转时规范。Python的参考实现是用C言语编写的，一个早期项目Pyodide供给了Python运转时的WebAssembly移植。
不过，PyScript的方针是供给一个完好的浏览器环境，将Python作为一种网络脚本言语运转。它建立在Pyodide之上，但增加或加强了一些功用，如从规范库中导入模块、运用第三方导入、装备与文档目标模型（DOM）的双向交互，以及做许多其他在Python和JavaScript国际中有用的事情。
现在，PyScript仍然是一个原型和实验性项目。Anaconda 并不推荐在生产中运用它。但猎奇的用户能够在PyScript网站上测验一些比方，并运用可用的组件在浏览器中构建实验性的Python+JavaScript应用程序。
1、HelloWorld
PyScript的中心是一个单一的JavaScript include，你能够将其增加到网页中。
下面是一个PyScript版本的 “hello, world “：
<!DOCTYPE html>
<html><head><link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /><script defer src="https://pyscript.net/unstable/pyscript.js"></script></head><body>
<py-script output="out">
print("Hello world")
</py-script>
<div id="out"></div></body>
</html>head 文档中的script 标签加载了PyScript的中心功能。pyscript.css 样式表是可选的，但很有用。
Python代码被包含在自定义的py-script 标签中。请留意，代码应该按照Python的缩进常规进行格式化，否则将无法正常运转。假如你运用的编辑器能主动重新格式化HTML，请留意这一点；它可能会弄乱py-script 块的内容，使其无法运转。
一旦PyScript组件加载完毕，任何Python代码都会被评估。假如标签中的脚本写到stdout (如print) 语句中，你能够通过供给一个output 属性来指示在页面的什么地方显示输出。
在这个示例中，脚本的stdout 被引导到ID为"out" 的div 。
假如你把它保存到一个文件中，并在网络浏览器中打开它，你会首先看到一个 “加载 “指示器和一个暂停，由于浏览器获得了PyScript的运转时刻并将其设置好。该运转时在未来的加载中应坚持缓存，但仍需要一些时刻来激活。之后，Hello world 应该出现在页面上。
2、规范库导入
Python 的规范库在 PyScript 中可用，就像你在常规 Python 中运用它一样：只需import 导入就可以正常调用。
下面是一个调用datetime库显示时间的示例：
import datetime
print ("Current date and time:", datetime.datetime.now().strftime("%Y/%m/%d %H:%M:%S"))3、调用来自PyPI的库
除了标准库，python还有大量的第三方库，假如咱们想从PyPI中安装一个包并运用它呢？
PyScript 有另一个标签，py-env ，它指定了需要安装的第三方软件包。
下面的示例是调用一个第三方库humanize库，用这个库来替换原始脚本中的py-script 块：
<py-env>
- humanize
</py-env>
<py-script output="out">
from datetime import datetime
import humanize
now_int = int(datetime.timestamp(datetime.now()))
now_fmt = humanize.intcomma(now_int)
print("It has been", now_fmt, "seconds since the epoch.")
</py-script>py-env 块中列出要增加的软件包，就像在 Python 项目的requirements.txt 文件中列出它们一样。然后咱们能够像对待其他 Python 软件包一样导入和运用它们。
留意，并不是一切来自PyPI的包都能顺利安装和运行。例如，requests 需要拜访尚不支撑的网络组件。(这个问题的一个可能的解决方法是运用pyodide.http.pyfetch ，它被原生支撑)。可是纯 Python 包，如humanize ，应该运转正常。Anaconda 供给的比方中运用的包，如numpy,pandas,bokeh, 或matplotlib ，也能够正常运行。
4、本地导入
对于另一种常见的情况，假定你想从与你的网页在同一目录树下的其它 Python 脚本中导入。运用导入能够更容易地将更多的 Python 逻辑从网页自身移出，在那里它和你的模板文件混在一起，可能会变得难以处理。
一般来说，Python 。PyScript 不能以这种方法作业，所以你需要指定哪些文件能够作为可导入模块。
比方说，你有一个名为index.html 的网页，在你的 web 服务器的某个目录下，你想在它旁边放置一个名为main.py 的 Python 文件。这样，你的页内脚本就能够import main ，而你能够把大部分的 Python 逻辑限制在实践的.py 文件中。
在你的py-env 块中指定你想导入的 Python 文件。
- paths:`` - ./main.py
这将允许main.py ，在与网页自身相同的 web 服务器目录下，能够与import main 一同导入。
要记住一件重要的事情。你不能对你在浏览器中本地启动的网页进行这样的导入。这是由于WebAssembly运转时和浏览器自身对文件体系拜访的限制造成的。相反，你需要在网络服务器上托管这些网页，以供给网页和.py 文件。
5、REPL 标签
Python用户应该了解Jupyter Notebook，它是Python的浏览器内实时编码环境，一般用于数学和统计学。PyScript为这样的环境供给了一个原始的构建模块，即py-repl 标签。
py-repl 在网页上生成一个输入字段，其功用就像一个十分基本的Jupyter笔记本环境。
下面的示例相当于一个自己手搓的jupyter：
<!DOCTYPE html>
<html lang="en"><head><link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /><script defer src="https://pyscript.net/alpha/pyscript.js"></script></head><body><h1><b>pyscript REPL</b></h1>Tip: 按下 Shift-ENTER 运行一个单元<br><div><py-repl id="my-repl" auto-generate="true"> </py-repl></div></body>
</html>效果如下：
PyScript的相似Jupyter的REPL组件能够让你在页面中交互式地运转Python，尽管它还不是很灵活或可装备。
6、与 JavaScript 事件监听器互动
由于 PyScript 是根据pyodide 的，所以它运用pyodide 的机制来与 DOM 交互。例如，假如咱们想获得一个网页上的输入框的值并在咱们的Python代码中运用它，咱们会这样做。
<!DOCTYPE html>
<html><head><link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /><script defer src="https://pyscript.net/unstable/pyscript.js"></script></head><body><input id="txt">
<py-script>
from js import document, console
from pyodide import create_proxy
def _eventlog(e):console.log(f"Input value: {e.target.value}")
eventlog = create_proxy(_eventlog)
document.getElementById("txt").addEventListener("input", eventlog)
</py-script></body>
</html>js 库为许多常见的 JavaScript 实体供给了一个 Python 接口，比方document 和console 目标。它们在PyScript中的行为与在JavaScript中的行为简直完全相同。pyodide 中的create_proxy 函数能够让咱们取一个 Python 函数目标并为它生成一个 JavaScript 接口，因而它能够被用作input 框的事情监听器。input 框中的任何按键都会被记录到控制台，但它们也能够在Python端被处理。
相关文章：
＜学习笔记＞从零开始自学Python-之-实用库篇(一)-pyscript
由Anaconda创建的PyScript是一项实验性的但很有前途的新技术，它使python运转时在支撑WebAssembly的浏览器中作为一种脚本言语运用。 每个现代常用的浏览器现在都支撑WebAssembly，这是许多言语（如C、C和Rust）能够编译的高速运转时…...
)
Vue项目中npm run build 卡住不执行的几种情况(实战版)
方法一 一：比较常见是镜像导致的原因 我们可以找到build/check-versions文件 将这段代码注释,重新运行就可以解决这个问题 if (shell.which(npm)) {versionRequirements.push({name: npm,currentVersion: exec(npm --version),versionRequirement: packageConfig.en…...
《Python源码剖析》之pyc文件
前言 前面我们主要围绕pyObject和pyTypeObject聊完了python的内建对象部分，现在我们将开启新的篇章—python虚拟机，将聚焦在python的执行部分，搞懂从“代码”到“执行”的过程。开启新的篇章之前，你也许会有一个疑惑：我…...
Python零基础-中【详细】
接上篇继续： Python零基础-上【详细】-CSDN博客 目录 十、函数式编程 1、匿名函数lambda表达式 （1）匿名函数理解 （2）lambda表达式的基本格式 （3）lambda表达式的使用场景 （4&…...
回溯 leetcode
22. 括号生成 数字 n 代表生成括号的对数，请你设计一个函数，用于能够生成所有可能的并且 有效的 括号组合。 示例 1： 输入：n 3 输出：["((()))","(()())","(())()","()(())"…...
Android firebase消息推送集成 FCM消息处理
FirebaseMessagingService 是 Firebase Cloud Messaging (FCM) 提供的一个服务，用于处理来自 Firebase 服务器的消息。它有几个关键的方法，你提到的 onMessageReceived、doRemoteMessage 和 handleIntent 各有不同的用途。下面逐一解释这些方法的作用和用…...
react中怎么为props设置默认值
在React中，你可以使用ES6的类属性（class properties）或者函数组件中的默认参数（default parameters）来定义props的默认值。 1.类组件中定义默认props 对于类组件，你可以在组件内部使用defaultProps属性来…...
企业如何做好 SQL 质量管理？
研发人员写 SQL 操作数据库想必一定是一类基础且常见的工作内容。如何避免 “问题” SQL 流转到生产环境，保证数据质量？这值得被研发/DBA/运维所重视。 什么是 SQL 问题？ 对于研发人员来说，在日常工作中，大部分都需要…...
半年不在csdn写博客，总结一下这半年的学习经历,coderfun的一些碎碎念.
前言 自从自己建站一来，就不在csdn写博客了，但是后来自己的网站因为资金问题不能继续维护下去，所以便放弃了自建博客网站来写博客，等到以后找到稳定，打算满意的工作再来做自己的博客网站。此篇博客用来记录自己在csdn…...
c++中的命名空间与缺省参数
一、命名空间 1、概念：在C/C中，变量、函数和后面要学到的类都是大量存在的，这些变量、函数和类的名称将都存 在于全局作用域中，可能会导致很多冲突。使用命名空间的目的是对标识符的名称进行本地化， 以避免命名冲突或…...
SpringBoot整合WebSocket实现聊天室
1.简单的实现了聊天室功能，注意页面刷新后聊天记录不会保存，后端没有做消息的持久化 2.后端用户的识别只简单使用Session用户的身份 0.依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-…...
llama-factory学习个人记录
框架、模型、数据集准备 1.llama-factory部署 # 克隆仓库 git clone https://github.com/hiyouga/LLaMA-Factory.git # 创建虚拟环境 conda create --name llama_factory python3.10 # 激活虚拟环境 conda activate llama_factory # 安装依赖 cd LLaMA-Factory pip install -…...
VLC播放器（全称VideoLAN Client）
一、简介 VLC播放器（全称VideoLAN Client）是一款开源的多媒体播放器，由VideoLAN项目团队开发。它支持多种音视频格式，并能够在多种操作系统上运行，如Windows、Mac OS X、Linux、Android和iOS等。VLC播放器具备播放文件…...
跟小伙伴们说一下
因为很忙，有一段时间没有更新了，这次先把菜鸟教程停更一下，因为自己要查缺补漏一些细节问题，而且为了方便大家0基础也想学C语言，这里打算给大家开一个免费专栏，这里大家就可以好好学习啦，哪怕0基…...
学 C/C++ 具体能干什么？
学习 C 和 C 后，你可以从事许多不同的工作和项目，这两种语言以其高性能和低级控制而闻名，特别适合以下几个领域： 1. 系统编程 C 和 C 是系统编程的首选语言，适用于操作系统、驱动程序和嵌入式系统开发。 操作系统开发…...
Django之Ajax实战笔记--城市级联操作
1. 项目架构搭建 1.1 创建项目tpdemo,创建应用myapp # 创建项目框架tpdemo$ django-admin startproject tpdemo$ cd tpdemo# 在项目中创建一个myapp应用$ python manage.py startapp myapp# 创建模板目录$ mkdir templates$ mkdir templates/myapp$ cd ..$ tree tpdemotpdemo…...
基于Netty实现WebSocket服务端
本文基于Netty实现WebSocket服务端，实现和客户端的交互通信，客户端基于JavaScript实现。 在【WebSocket简介-CSDN博客】中，我们知道WebSocket是基于Http协议的升级，而Netty提供了Http和WebSocket Frame的编解码器和Handler&#…...
27【Aseprite 作图】盆栽——拆解
1 橘子画法拆解 （1）浅色3 1 0；深色0 2 3 就可以构成一个橘子 （2）浅色 2 1；深色1 0 （小个橘子） （3）浅色 2 1 0；深色1 2 3 2 树根部分 （1）底部画一条横线 （2）上一行 左空2 右空1 【代表底部重心先在右】 （3）再上一行，左空1，右空1 （4）再上一行，左突出1，…...
【开源】2024最新python豆瓣电影数据爬虫+可视化分析项目
项目介绍 【开源】项目基于pythonpandasflaskmysql等技术实现豆瓣电影数据获取及可视化分析展示，觉得有用的朋友可以来个一键三连，感谢！！！ 项目演示 【开源】2024最新python豆瓣电影数据爬虫可视化分析项目 项目截图…...
[JDK工具-5] jinfo jvm配置信息工具
文章目录 1. 介绍2. 打印所有的jvm标志信息 jinfo -flags pid3. 打印指定的jvm参数信息 jinfo -flag InitialHeapSize pid4. 启用或者禁用指定的jvm参数 jinfo -flags [|-]HeapDumpOnOutOfMemoryError pid5. 打印系统参数信息 jinfo -sysprops pid6. 打印以上所有配置信息 jinf…...
vscode里如何用git
打开vs终端执行如下： 1 初始化 Git 仓库（如果尚未初始化） git init 2 添加文件到 Git 仓库 git add . 3 使用 git commit 命令来提交你的更改。确保在提交时加上一个有用的消息。 git commit -m "备注信息" 4 …...
Golang 面试经典题：map 的 key 可以是什么类型？哪些不可以？
Golang 面试经典题：map 的 key 可以是什么类型？哪些不可以？ 在 Golang 的面试中，map 类型的使用是一个常见的考点，其中对 key 类型的合法性 是一道常被提及的基础却很容易被忽视的问题。本文将带你深入理解 Golang 中…...
《从零掌握MIPI CSI-2: 协议精解与FPGA摄像头开发实战》-- CSI-2 协议详细解析 (一）
CSI-2 协议详细解析 (一） 1. CSI-2层定义（CSI-2 Layer Definitions） 分层结构 ：CSI-2协议分为6层： 物理层（PHY Layer） ： 定义电气特性、时钟机制和传输介质（导线&#…...
FastAPI 教程：从入门到实践
FastAPI 是一个现代、快速（高性能）的 Web 框架，用于构建 API，支持 Python 3.6。它基于标准 Python 类型提示，易于学习且功能强大。以下是一个完整的 FastAPI 入门教程，涵盖从环境搭建到创建并运行一个简单的…...
Opencv中的addweighted函数
一.addweighted函数作用 addweighted（）是OpenCV库中用于图像处理的函数，主要功能是将两个输入图像（尺寸和类型相同）按照指定的权重进行加权叠加（图像融合），并添加一个标量值&#x…...
《通信之道——从微积分到 5G》读书总结
第1章 绪 论 1.1 这是一本什么样的书 通信技术，说到底就是数学。 那些最基础、最本质的部分。 1.2 什么是通信 通信 发送方 接收方 承载信息的信号 解调出其中承载的信息 信息在发送方那里被加工成信号（调制） 把信息从信号中抽取出来&am…...
Nuxt.js 中的路由配置详解
Nuxt.js 通过其内置的路由系统简化了应用的路由配置，使得开发者可以轻松地管理页面导航和 URL 结构。路由配置主要涉及页面组件的组织、动态路由的设置以及路由元信息的配置。 自动路由生成 Nuxt.js 会根据 pages 目录下的文件结构自动生成路由配置。每个文件都会对…...
【决胜公务员考试】求职OMG——见面课测验1
2025最新版！！！6.8截至答题，大家注意呀！ 博主码字不易点个关注吧,祝期末顺利~~ 1.单选题(2分) 下列说法错误的是:（ B ） A.选调生属于公务员系统 B.公务员属于事业编 C.选调生有基层锻炼的要求 D…...
Android15默认授权浮窗权限
我们经常有那种需求，客户需要定制的apk集成在ROM中，并且默认授予其【显示在其他应用的上层】权限，也就是我们常说的浮窗权限，那么我们就可以通过以下方法在wms、ams等系统服务的systemReady()方法中调用即可实现预置应用默认授权浮…...
3-11单元格区域边界定位(End属性)学习笔记
返回一个Range 对象，只读。该对象代表包含源区域的区域上端下端左端右端的最后一个单元格。等同于按键 End 向上键(End(xlUp))、End向下键(End(xlDown))、End向左键(End(xlToLeft)End向右键(End(xlToRight)) 注意：它移动的位置必须是相连的有内容的单元格…...