PyScript:让 Python 脚本在 Web 中跑起来

  • 2022-05-20
  • 本文字数:2422 字

    阅读完需:约 8 分钟

这是下一个大事件吗?如果继续发展下去,有可能。

 

在 2022 年 PyCon 美国大会期间,作为主题演讲嘉宾之一的 Peter Wang 公布了 PyScript,一种在 HTML 中直接编写 Python 脚本的方法。或许你不知道 Peter,但你可能听说过 Anaconda,这是一种流行的开源的 Python 和 R 语言的发行版本,特别关注数据科学。Peter 正是 Anaconda 的 CEO 和联合创始人。

 

换言之,PyScript 是由一家著名的科技公司开发的,这可能会保证它在不久的将来成为可行的方案。它在 Python 和 Web 开发者中受到了极大的关注,GitHub 上已有超过 10k 颗 Stars。然而,它是否能成为一个成功的、有竞争力的产品,取决于长期的时间和开发投入。目前,它还有一些已知的缺陷(将在最后讨论)。

 

闲话少说,让我们快速了解一下这个令人振奋的产品吧!

py-script 标签

我们知道,HTML 文件是大多数网站最常见的元素。在创建网站时,我们的工作就是直接或间接地通过一些框架来编制 HTML 文件。在典型的 HTML 文件中,你会看到各种类型的标签。例如,定义了 HTML 页面的元数据和关键信息,</code><span style="color: #494949">是整个文档的标题,而</span><code data-type="codeinline"><h1></code><span style="color: #494949">、</span><code data-type="codeinline"><h2></code><span style="color: #494949">等定义了不同级别的内容标题。</span></p><p data-type="paragraph"><span style="color: #494949"> </span></p><p data-type="paragraph"><span style="color: #494949">如前所述,PyScript 允许你在 HTML 中编写 Python 脚本,它使用一个特殊的标签</span><code data-type="codeinline">py-script</code><span style="color: #494949">。在这个标签中,你可以嵌入 Python 脚本。要了解它是如何工作的,可以创建一个 HTML 文件,其中包含以下代码,并使用 Chrome 浏览器打开该文件。在 Chrome 浏览器中,你应该能够看到类似下面这样的内容:</span></p><p data-type="paragraph"></p><img src="https://static001.geekbang.org/infoq/b7/b7cf3649eb920dfd76b246074c54a8f0.png" alt data-type="image"/><p data-type="paragraph"></p><img src="https://static001.geekbang.org/infoq/d1/d1c8a6e49c89d1695ab45b26f726d77e.png" alt data-type="image"/><p data-type="paragraph" data-align-center ><span style="font-size: 9px">作者截图</span></p><p data-type="paragraph"><span style="color: #494949"> </span></p><p data-type="paragraph"><span style="color: #494949">在上面的代码片段中,你可能已经注意到以下三个关键点:</span></p><ul data-type="bulletedlist"><li data-type="listitem"><p data-type="paragraph"><code data-type="codeinline">link</code>标签定义了一个外部样式表。在这个例子中,我们使用了 PyScript 提供的<code data-type="codeinline">css</code>文件。</p></li><li data-type="listitem"><p data-type="paragraph"><span style="color: #494949">我们使用</span><code data-type="codeinline">script</code>标签来嵌入一个由<code data-type="codeinline">src</code>定义、由 PyScript 托管的外部脚本。我们使用了<code data-type="codeinline">defer</code>,这样脚本会在下载和页面解析完成后执行——本质上是一种延迟执行,而不是实时执行。</p></li><li data-type="listitem"><p data-type="paragraph"><span style="color: #494949">最有趣的部分是</span><code data-type="codeinline">py-script</code>标签。如你所见,<code data-type="codeinline">print("Hello, World!")</code>是 Python 代码。当执行 HTML 文件时,就可以看到代码求值结果。</p></li></ul><p data-type="paragraph"><span style="color: #494949"> </span></p><p data-type="paragraph"><span style="color: #494949">这很酷,不是吗?如果你不熟悉 Web 开发,但了解 Python,就可以使用 PyScript 嵌入任何有效的 Python 代码。让我们再看一个例子。</span></p><p data-type="paragraph"></p><img src="https://static001.geekbang.org/infoq/80/80c04d7afe33fd0f4d34f391847a8e75.png" alt data-type="image"/><p data-type="paragraph"></p><img src="https://static001.geekbang.org/infoq/ff/ff83f9e4bfead1f156366ce957063170.png" alt data-type="image"/><p data-type="paragraph" data-align-center ><span style="color: #494949"><span style="font-size: 9px">另一个 PyScript 示例(图片由作者提供)</span></span></p><p data-type="paragraph"><span style="color: #494949"> </span></p><p data-type="paragraph"><span style="color: #494949">在这里,我们写了一些需要计算的代码,可以看到,脚本得到了正确的执行。</span></p><h1 data-type="heading" data-id="heading1"><span style="color: #494949">py-env 标签</span></h1><p data-type="paragraph"><span style="color: #494949">在编写更复杂的代码时,就需要使用第三方库。在这种情况下,我们可以利用</span><code data-type="codeinline">py-env</code><span style="color: #494949">标签。你可能已经猜到的,env 是 environment 的缩写。</span><code data-type="codeinline">py-env</code><span style="color: #494949">标签中列出了运行代码所需的 Python 包。</span></p><p data-type="paragraph"><span style="color: #494949"> </span></p><p data-type="paragraph"><span style="color: #494949">你可能知道,许多数据科学家都使用 pandas 进行数据处理工作。让我们看看下面的例子。</span></p><p data-type="paragraph"></p><img src="https://static001.geekbang.org/infoq/81/81a2e07ff71a317924c7664120862b6e.png" alt data-type="image"/><p data-type="paragraph"></p><img src="https://static001.geekbang.org/infoq/df/df79380011e061d1030cfe721b89989b.png" alt data-type="image"/><p data-type="paragraph" data-align-center ><span style="color: #494949"><span style="font-size: 9px">使用包的 PyScript(图片由作者提供)</span></span></p><p data-type="paragraph"><span style="color: #494949"> </span></p><p data-type="paragraph"><span style="color: #494949">如你所见,我们在</span><code data-type="codeinline">py-env</code><span style="color: #494949">标签中指定了依赖项(即 Pandas),该标签包含在</span><code data-type="codeinline">head</code><span style="color: #494949">标签中。如果页面需要多个依赖项,可以在这里把它们全部列出:</span></p><p data-type="paragraph"><span style="color: #494949"> </span></p><div data-type="codeblock"><div data-codeblock-wrap><div data-codeblock-codes><pre lang="text" data-origin="pm_code_preview"><code data-type=codeline><span class="hljs-tag"><<span class="hljs-name">py-env</span>></span></code><code data-type=codeline> - pandas</code><code data-type=codeline> - matplotlib</code><code data-type=codeline> - numpy</code><code data-type=codeline><span class="hljs-tag"></<span class="hljs-name">py-env</span>></span></code></pre></div><div data-codeblock-copy>复制代码</div><div data-codeblock-index><div data-codeblock-number="1"></div><div data-codeblock-number="2"></div><div data-codeblock-number="3"></div><div data-codeblock-number="4"></div><div data-codeblock-number="5"></div></div></div></div><p data-type="paragraph"><span style="color: #494949">如你所见,在</span><code data-type="codeinline">py-script</code><span style="color: #494949">标签中,我们确实可以使用 Pandas 库来创建一个</span><code data-type="codeinline">DataFrame</code><span style="color: #494949">对象。然而,当我们把打印出来时就会发现,它是一个单行,而不是一个结构化的数据表。没有一个适当的结构,我们就无法理解这些数据。幸运的是,我们可以使用</span><code data-type="codeinline">write</code><span style="color: #494949">函数(下文会讨论)。</span></p><h1 data-type="heading" data-id="heading2"><span style="color: #494949">将内容写入指定标签</span></h1><p data-type="paragraph"><span style="color: #494949">除了 Python 中的标准打印函数</span><code data-type="codeinline">print</code><span style="color: #494949">,作为脚本的一部分,PyScript 有自己的</span><code data-type="codeinline">write</code><span style="color: #494949">函数,可以将数据发送到页面上指定的 Web 元素中。请看下面的例子:</span></p><p data-type="paragraph"></p><img src="https://static001.geekbang.org/infoq/54/548175e28244c2b86e5b35db19bdf9ff.png" alt data-type="image"/><p data-type="paragraph"></p><img src="https://static001.geekbang.org/infoq/f6/f612d73015a7a21224b20561347bf3b2.png" alt data-type="image"/><p data-type="paragraph" data-align-center ><span style="color: #494949"><span style="font-size: 9px">PyScript 写函数 write(图片由作者提供)</span></span></p><p data-type="paragraph"><span style="color: #494949"> </span></p><p data-type="paragraph"><span style="color: #494949">与之前的例子相比,上述代码片段有两个重大变化:</span></p><ul data-type="bulletedlist"><li data-type="listitem"><p data-type="paragraph"><span style="color: #494949">我们现在定义了一个 id 为</span><code data-type="codeinline">"DataFrame"</code>的<code data-type="codeinline">div</code>,这样稍后就可以引用。</p></li><li data-type="listitem"><p data-type="paragraph"><span style="color: #494949">在</span><code data-type="codeinline">py-script</code>标签中,我们创建一个与之前相同的<code data-type="codeinline">DataFrame</code>对象。但现在,我们不是调用<code data-type="codeinline">print</code>,而是调用<code data-type="codeinline">pyscript.write</code>函数,请求 PyScript 处理并在<code data-type="codeinline">"DataFrame"</code>中显示<code data-type="codeinline">DataFrame</code>对象。从输出可以看到,我们现在有一个结构化的表格了。</p></li></ul><p data-type="paragraph"><span style="color: #494949"> </span></p><p data-type="paragraph"><code data-type="codeinline">write</code><span style="color: #494949">函数不仅能够打印表格,还能够打印数字。下面的例子向你展示了我们如何使用</span><code data-type="codeinline">matplotlib</code><span style="color: #494949">(一个流行的 Python 包,用于数据可视化)来显示由 Python 创建的图。</span></p><p data-type="paragraph"></p><img src="https://static001.geekbang.org/infoq/67/67aa8e871dffbace046e760e4249ec4d.png" alt data-type="image"/><p data-type="paragraph"></p><img src="https://static001.geekbang.org/infoq/9c/9c5c42ab5a569023ab63df58dfbedcab.png" alt data-type="image"/><p data-type="paragraph" data-align-center ><span style="color: #494949"><span style="font-size: 9px">PyScript 打印图(图片由作者提供)</span></span></p><p data-type="paragraph"><span style="color: #494949"> </span></p><p data-type="paragraph"><span style="color: #494949">如你所见,</span><code data-type="codeinline">write</code><span style="color: #494949"> 函数以期望的方式显示了图。</span></p><h1 data-type="heading" data-id="heading3"><span style="color: #494949">py-repl 标签</span></h1><p data-type="paragraph"></p><p data-type="paragraph"><span style="color: #494949">Python 学习的最好方法之一是使用 REPL:读取(Read)、求值(Evaluate)、打印(Print)和循环(Loop)。也就是说,使用一个交互式的 Python 控制台,输入一些代码,Python 对其进行求值并打印适当的输出,然后重复这个过程。Web 页面也可以提供这样的 REPL 环境,比如 Jupyter Notebook。</span></p><p data-type="paragraph"><span style="color: #494949"> </span></p><p data-type="paragraph"><span style="color: #494949">PyScript 可以使用</span><code data-type="codeinline">py-repl</code><span style="color: #494949">标签提供与此类似的东西。在这个元素中,你可以让用户自己编写代码,也可以以编程方式输入代码。请看下面的例子:</span></p><p data-type="paragraph"></p><img src="https://static001.geekbang.org/infoq/b6/b66645cc4bc41c399659afaff9f3d7ee.png" alt data-type="image"/><p data-type="paragraph"></p><img src="https://static001.geekbang.org/infoq/a7/a716f3728f2d077ead11eab508d64477.png" alt data-type="image"/><p data-type="paragraph" data-align-center ><span style="color: #494949"><span style="font-size: 9px">PyScript REPL(图片由作者提供)</span></span></p><p data-type="paragraph"><span style="color: #494949"> </span></p><p data-type="paragraph"><span style="color: #494949">如你所见,上图中有一个单元格,其中包括在</span><code data-type="codeinline">py-repl</code><span style="color: #494949">标签中指定的代码。值得注意的是,单元格中的代码可以引用我们之前在</span><code data-type="codeinline">py-script</code><span style="color: #494949">标签中定义的变量。一切看起来都很协调。</span></p><h1 data-type="heading" data-id="heading4"><span style="color: #494949">感想</span></h1><p data-type="paragraph"></p><p data-type="paragraph"><span style="color: #494949">本文介绍的内容是现阶段 PyScript 所能提供的主要亮点。它似乎是一个很有前途的产品,因为它提供了一个灵活的框架,让 Python 程序员可以在没有太多 Web 开发知识的情况下创建 Web 应用。然而,也有其他类似的成功的产品,因此,竞争会很激烈。</span></p><p data-type="paragraph"><span style="color: #494949"> </span></p><p data-type="paragraph"><span style="color: #494949">例如,如果我需要为自己的数据科学项目创建一个 Web 应用,我就会直接使用 Streamlit。它的功能已经相对成熟。请注意,虽然都与 Web 开发有关,但 PyScript 和 Streamlit 属于不同的产品系。PyScript 应该更通用,因为它的目标是让你可以在任何网页上嵌入任何 Python 代码,Streamlit 做不到这一点。</span></p><p data-type="paragraph"><span style="color: #494949"> </span></p><p data-type="paragraph"><span style="color: #494949">在 PyScript 为更多的人所接受之前,它有几个问题必须解决。例如,Web 页面的加载速度非常慢。如果你尝试跟随本教程运行代码,可能就会注意到,在 Web 页面的显示会有一个明显的滞后。</span></p><p data-type="paragraph"><span style="color: #494949"> </span></p><p data-type="paragraph"><span style="color: #494949">尽管如此,我还是觉得这个产品会继续发展,我的信心主要来自于它的开发者——给我们带来极好的 Anaconda 工具的 Anaconda 团队。</span></p><p data-type="paragraph"></p><p data-type="paragraph"><span style="color: #333333"><i>本文最初发布于 Better Programming。</i></span></p><p data-type="paragraph"></p><p data-type="paragraph"><span style="color: #494949">查看英文原文:</span><a href="https://betterprogramming.pub/running-python-script-on-the-web-using-pyscript-the-next-big-thing-8ace9543d75" title="xxx" data-type="link">Running Python Scripts on the Web Using PyScript</a></p></div></div><!----><!--]--><span></span></div><!----></article><span></span><!--]--><div class=""><!--[--><div class="comment-skeleton" data-v-66ad80be><div class="skeleton-header" data-v-66ad80be><div class="skeleton-title-bar" data-v-66ad80be></div><div class="skeleton-title-text" data-v-66ad80be></div><div class="skeleton-title-number" data-v-66ad80be></div></div><div class="skeleton-form" data-v-66ad80be><div class="skeleton-input" data-v-66ad80be></div><div class="skeleton-button" data-v-66ad80be></div></div><div class="skeleton-list" data-v-66ad80be><!--[--><div class="skeleton-item" data-v-66ad80be><div class="skeleton-avatar" data-v-66ad80be></div><div class="skeleton-content" data-v-66ad80be><div class="skeleton-username" data-v-66ad80be></div><div class="skeleton-text" data-v-66ad80be><!--[--><div class="skeleton-line" data-v-66ad80be></div><div class="skeleton-line" data-v-66ad80be></div><div class="skeleton-line" data-v-66ad80be></div><!--]--></div><div class="skeleton-actions" data-v-66ad80be><div class="skeleton-action-item" data-v-66ad80be></div><div class="skeleton-action-item" data-v-66ad80be></div><div class="skeleton-action-item" data-v-66ad80be></div></div></div></div><!--]--></div></div><!--]--><!--[--><!----><span></span><!--]--></div></div><div class="_content-side_13g2e_76" is-immersed="false"><!--[--><!--[--><!--]--><!--]--></div></div><span></span></div><!--]--><span></span><div id="check-bottom-bar"></div><div class="_layout-footer_1wbyk_401"><div class="footer" data-v-bd0d3efe><!--[--><ul class="layout-content" data-v-bd0d3efe><li class="theme" data-v-bd0d3efe><div class="logo" data-v-bd0d3efe><img src="https://static001.geekbang.org/static/web/nuxt/www.infoq.cn/logo.BJF4WFeC.png" alt="logo" data-v-bd0d3efe><p data-v-bd0d3efe>促进软件开发及相关领域知识与创新的传播</p></div></li><!--[--><li data-v-bd0d3efe><dl class="footer-nav" data-v-bd0d3efe><dt data-v-bd0d3efe></dt><!--[--><dd data-v-bd0d3efe><!----><a href="https://www.infoq.cn/about" target="_blank" rel="noopener nofollow" data-v-bd0d3efe>关于我们</a></dd><dd data-v-bd0d3efe><!----><a href="https://www.infoq.cn/contribute" target="_blank" rel="noopener nofollow" data-v-bd0d3efe>我要投稿</a></dd><dd data-v-bd0d3efe><!----><a href="https://www.geekbang.org/partner" target="_blank" rel="noopener nofollow" data-v-bd0d3efe>合作伙伴</a></dd><dd data-v-bd0d3efe><!----><a href="https://www.lagou.com/gongsi/j43775.html" target="_blank" rel="noopener nofollow" data-v-bd0d3efe>加入我们</a></dd><dd data-v-bd0d3efe><!----><a href="https://infoq.cn/official/account" target="_blank" rel="noopener nofollow" data-v-bd0d3efe>关注我们</a></dd><!--]--></dl></li><li data-v-bd0d3efe><dl class="footer-nav" data-v-bd0d3efe><dt data-v-bd0d3efe>联系我们</dt><!--[--><dd data-v-bd0d3efe><!----><a href="mailto:editors@geekbang.com" target="_blank" rel="noopener nofollow" data-v-bd0d3efe>内容投稿:editors@geekbang.com</a></dd><dd data-v-bd0d3efe><!----><a href="mailto:hezuo@geekbang.com" target="_blank" rel="noopener nofollow" data-v-bd0d3efe>业务合作:hezuo@geekbang.com</a></dd><dd data-v-bd0d3efe><!----><a href="mailto:feedback@geekbang.com" target="_blank" rel="noopener nofollow" data-v-bd0d3efe>反馈投诉:feedback@geekbang.com</a></dd><dd data-v-bd0d3efe><!----><a href="mailto:zhaopin@geekbang.com" target="_blank" rel="noopener nofollow" data-v-bd0d3efe>加入我们:zhaopin@geekbang.com</a></dd><dd data-v-bd0d3efe><!----><span data-v-bd0d3efe>联系电话:010-64738142</span></dd><dd data-v-bd0d3efe><!----><span data-v-bd0d3efe>地址:北京市朝阳区望京北路9号2幢7层A701</span></dd><!--]--></dl></li><li data-v-bd0d3efe><dl class="footer-nav" data-v-bd0d3efe><dt data-v-bd0d3efe>InfoQ 近期会议</dt><!--[--><dd data-v-bd0d3efe><!----><a href="https://qcon.infoq.cn/2026/beijing?utm_source=infoq&utm_medium=footer" target="_blank" rel="noopener nofollow" data-v-bd0d3efe>北京 · QCon 全球软件开发大会 2026.4.16-18</a></dd><dd data-v-bd0d3efe><!----><a href="https://aicon.infoq.cn/2026/shanghai?utm_source=infoq&utm_medium=footer" target="_blank" rel="noopener nofollow" data-v-bd0d3efe>上海 · AICon 全球人工智能开发与应用大会 2026.6.26-27</a></dd><!--]--></dl></li><li data-v-bd0d3efe><dl class="footer-nav" data-v-bd0d3efe><dt data-v-bd0d3efe>全球 InfoQ</dt><!--[--><dd data-v-bd0d3efe><img src="https://static001.infoq.cn/resource/image/55/38/55cd81623e36f5ab7a7db74d60b74838.png" alt="会议图片" data-v-bd0d3efe><a href="https://www.infoq.com/" target="_blank" rel="noopener nofollow" data-v-bd0d3efe>InfoQ En</a></dd><dd data-v-bd0d3efe><img src="https://static001.infoq.cn/resource/image/95/13/95fe851c02c86120e9037eada6a36d13.png" alt="会议图片" data-v-bd0d3efe><a href="https://www.infoq.com/jp/" target="_blank" rel="noopener nofollow" data-v-bd0d3efe>InfoQ Jp</a></dd><dd data-v-bd0d3efe><img src="https://static001.infoq.cn/resource/image/2a/3e/2aa440b6d94e94f64c508f16da38933e.png" alt="会议图片" data-v-bd0d3efe><a href="http://www.infoq.com/fr/" target="_blank" rel="noopener nofollow" data-v-bd0d3efe>InfoQ Fr</a></dd><dd data-v-bd0d3efe><img src="https://static001.infoq.cn/resource/image/4e/1e/4e737ce82bc7c8a1c2f2307bcea9a11e.png" alt="会议图片" data-v-bd0d3efe><a href="http://www.infoq.com/br/" target="_blank" rel="noopener nofollow" data-v-bd0d3efe>InfoQ Br</a></dd><!--]--></dl></li><!--]--></ul><!--]--><div class="copyright" data-v-bd0d3efe> Copyright © 2026, Geekbang Technology Ltd. All rights reserved. 极客邦控股(北京)有限公司 | <a target="_blank" class="icp" href="https://beian.miit.gov.cn/" data-v-bd0d3efe>京 ICP 备 16027448 号 - 5</a><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502039052" data-v-bd0d3efe><img src="data:image/png;base64,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" alt="京公网安备" data-v-bd0d3efe><span data-v-bd0d3efe>京公网安备 11010502039052号</span></a><a target="_blank" class="icp" href="https://time.geekbang.org/hybrid/certificates" data-v-bd0d3efe> | 产品资质</a></div></div></div></div><span></span></div></div></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":1893,"once":1895,"_errors":1896,"serverRendered":738,"path":1898,"pinia":1899},["ShallowReactive",3],{"navConfig":4,"articleDetail":731,"headerMenuList":1797},{"notice":5,"header":8,"footer":333,"bus":399,"web":699},{"content":6,"end_time":7,"link":6,"start_time":7,"time_now":7},"",0,[9,65,88,119,123,151,153,178,204,230,257,286,307,312,316,320,324,328],{"alias":10,"child_list":11,"icon":6,"id":63,"link":6,"name":64,"type":15}," industrynews",[12,16,20,24,28,31,35,39,43,47,50,53,57,60],{"id":13,"name":14,"alias":6,"type":15},1164,"英特尔",1,{"id":17,"name":18,"alias":19,"type":15},19,"Google","google",{"id":21,"name":22,"alias":23,"type":15},20,"微软","Microsoft",{"id":25,"name":26,"alias":27,"type":15},26,"亚马逊云科技","AWS",{"id":29,"name":30,"alias":30,"type":15},42,"Meta",{"id":32,"name":33,"alias":34,"type":15},54,"百度","baidu",{"id":36,"name":37,"alias":38,"type":15},61,"阿里巴巴","alibaba",{"id":40,"name":41,"alias":42,"type":15},78,"腾讯","tencent",{"id":44,"name":45,"alias":46,"type":15},145,"华为","huawei",{"id":48,"name":49,"alias":6,"type":15},1167,"字节跳动",{"id":51,"name":52,"alias":6,"type":15},1215,"用友",{"id":54,"name":55,"alias":56,"type":15},1217,"英伟达","NVIDIA",{"id":58,"name":59,"alias":59,"type":15},1218,"OpenAI",{"id":61,"name":62,"alias":6,"type":15},1221,"Snowflake",147,"企业动态",{"alias":6,"child_list":66,"icon":6,"id":86,"link":6,"name":87,"type":15},[67,71,74,77,80,83],{"id":68,"name":69,"alias":70,"type":15},160,"医疗","medical",{"id":72,"name":73,"alias":6,"type":15},1169,"银行",{"id":75,"name":76,"alias":6,"type":15},1170,"证券",{"id":78,"name":79,"alias":6,"type":15},1171,"保险",{"id":81,"name":82,"alias":6,"type":15},1172,"汽车",{"id":84,"name":85,"alias":6,"type":15},1173,"工业",1168,"行业深度",{"alias":89,"child_list":90,"icon":6,"id":117,"link":6,"name":118,"type":15},"AI&LLM",[91,95,99,102,105,108,111,114],{"id":92,"name":93,"alias":94,"type":15},125,"自动驾驶","Autopilot",{"id":96,"name":97,"alias":98,"type":15},127,"计算机视觉"," computing-vision",{"id":100,"name":101,"alias":6,"type":15},1183,"生成式 AI",{"id":103,"name":104,"alias":6,"type":15},1184,"AI 工程化",{"id":106,"name":107,"alias":6,"type":15},1185,"机器学习/深度学习",{"id":109,"name":110,"alias":6,"type":15},1186,"自然语言处理",{"id":112,"name":113,"alias":6,"type":15},1223,"具身智能",{"id":115,"name":116,"alias":6,"type":15},1187,"芯片&算力",31,"AI&大模型",{"alias":6,"child_list":120,"icon":6,"id":121,"link":6,"name":122,"type":15},null,1207,"出海",{"alias":6,"child_list":124,"icon":6,"id":149,"link":6,"name":150,"type":15},[125,129,133,137,140,143,146],{"id":126,"name":127,"alias":128,"type":15},29,"数据库","Database",{"id":130,"name":131,"alias":132,"type":15},32,"编程语言","programing-languages",{"id":134,"name":135,"alias":136,"type":15},81,"区块链","Blockchain",{"id":138,"name":139,"alias":6,"type":15},1175,"中间件",{"id":141,"name":142,"alias":6,"type":15},1176,"操作系统",{"id":144,"name":145,"alias":6,"type":15},1177,"5G/IoT",{"id":147,"name":148,"alias":6,"type":15},1178,"音视频(后端)",1174,"后端",{"alias":6,"child_list":152,"icon":6,"id":115,"link":6,"name":116,"type":15},[],{"alias":154,"child_list":155,"icon":6,"id":176,"link":6,"name":177,"type":15},"architecture",[156,160,164,167,170,173],{"id":157,"name":158,"alias":159,"type":15},12,"SOA","soa",{"id":161,"name":162,"alias":163,"type":15},70,"微服务","microservice",{"id":165,"name":166,"alias":6,"type":15},1179,"业务架构",{"id":168,"name":169,"alias":6,"type":15},1180,"框架",{"id":171,"name":172,"alias":6,"type":15},1181,"领域驱动设计",{"id":174,"name":175,"alias":6,"type":15},1182,"多云/混合云",8,"架构",{"alias":179,"child_list":180,"icon":6,"id":202,"link":6,"name":203,"type":15},"bigdata",[181,184,187,190,193,196,199],{"id":182,"name":183,"alias":6,"type":15},1188,"DataOps",{"id":185,"name":186,"alias":6,"type":15},1189,"数据集成",{"id":188,"name":189,"alias":6,"type":15},1190,"DataMesh",{"id":191,"name":192,"alias":6,"type":15},1191,"数据编织",{"id":194,"name":195,"alias":6,"type":15},1192,"数据湖仓",{"id":197,"name":198,"alias":6,"type":15},1193,"在离线混部",{"id":200,"name":201,"alias":6,"type":15},1194,"实时计算",15,"大数据",{"alias":6,"child_list":205,"icon":6,"id":228,"link":6,"name":229,"type":15},[206,210,213,216,219,222,225],{"id":207,"name":208,"alias":209,"type":15},21,"安全","Security",{"id":211,"name":212,"alias":212,"type":15},120,"AIOps",{"id":214,"name":215,"alias":215,"type":15},1165,"BizDevOps",{"id":217,"name":218,"alias":6,"type":15},1196,"DevOps & 平台工程",{"id":220,"name":221,"alias":6,"type":15},1197,"FinOps",{"id":223,"name":224,"alias":6,"type":15},1198,"研发效能",{"id":226,"name":227,"alias":6,"type":15},1199,"可观测",1195,"软件工程",{"alias":231,"child_list":232,"icon":6,"id":255,"link":6,"name":256,"type":15},"cloud-computing",[233,237,240,243,246,249,252],{"id":234,"name":235,"alias":236,"type":15},106,"云原生","CloudNative",{"id":238,"name":239,"alias":239,"type":15},119,"Serverless",{"id":241,"name":242,"alias":6,"type":15},1200,"服务革新",{"id":244,"name":245,"alias":6,"type":15},1201,"云安全",{"id":247,"name":248,"alias":6,"type":15},1202,"云端开发",{"id":250,"name":251,"alias":6,"type":15},1203,"芯片与网络",{"id":253,"name":254,"alias":6,"type":15},1216,"低代码",11,"云计算",{"alias":6,"child_list":258,"icon":6,"id":284,"link":6,"name":285,"type":15},[259,263,266,269,272,275,278,281],{"id":260,"name":261,"alias":262,"type":15},141,"小程序","applets",{"id":264,"name":265,"alias":265,"type":15},1144,"HarmonyOS",{"id":267,"name":268,"alias":6,"type":15},1209,"Android/iOS",{"id":270,"name":271,"alias":6,"type":15},1210,"架构/框架",{"id":273,"name":274,"alias":6,"type":15},1211,"工程化",{"id":276,"name":277,"alias":6,"type":15},1212,"跨端开发",{"id":279,"name":280,"alias":6,"type":15},1213,"性能优化",{"id":282,"name":283,"alias":6,"type":15},1214,"音视频(前端)",1208,"大前端",{"alias":6,"child_list":287,"icon":6,"id":305,"link":6,"name":306,"type":15},[288,292,296,299,302],{"id":289,"name":290,"alias":291,"type":15},17,"开源","opensource",{"id":293,"name":294,"alias":295,"type":15},1131,"技术选型","technology-selection",{"id":297,"name":298,"alias":6,"type":15},1160,"数字化转型",{"id":300,"name":301,"alias":6,"type":15},1205,"数字人才培养",{"id":303,"name":304,"alias":6,"type":15},1206,"团队搭建",1204,"管理/文化",{"child_list":308,"icon":6,"id":7,"link":309,"name":310,"type":311},[],"https://www.infoq.cn/content-center","企业服务案例",3,{"child_list":313,"icon":6,"id":7,"link":314,"name":315,"type":311},[],"https://time.geekbang.org","极客时间",{"child_list":317,"icon":6,"id":7,"link":318,"name":319,"type":311},[],"https://u.geekbang.org/?utm_source=infoq_web&utm_medium=menu&utm_term=infoqwebmenu","极客时间训练营",{"child_list":321,"icon":6,"id":7,"link":322,"name":323,"type":311},[],"https://b.geekbang.org/?utm_source=infoqweb&utm_medium=menu&gk_source=infoqwebmenu_2024092401","企业培训",{"child_list":325,"icon":6,"id":7,"link":326,"name":327,"type":311},[],"https://tgo.infoq.cn/","高端学员",{"child_list":329,"icon":330,"id":7,"link":331,"name":332,"type":311},[],"https://static001.infoq.cn/resource/image/52/fa/5248de588832bcf63b5a9570caa2b0fa.png","https://www.infoq.cn/app/download?utm_source=infoq_nav_web&utm_medium=infoq_nav_web&utm_term=infoq_nav_web","App下载",[334,352,371,380],{"list":335,"name":351},[336,339,342,345,348],{"name":337,"link":338,"image":6},"关于我们","https://www.infoq.cn/about",{"name":340,"link":341,"image":6},"我要投稿","https://www.infoq.cn/contribute",{"name":343,"link":344,"image":6},"合作伙伴","https://www.geekbang.org/partner",{"name":346,"link":347,"image":6},"加入我们","https://www.lagou.com/gongsi/j43775.html",{"name":349,"link":350,"image":6},"关注我们","https://infoq.cn/official/account","InfoQ",{"list":353,"name":370},[354,357,360,363,366,368],{"name":355,"link":356,"image":6},"内容投稿:editors@geekbang.com","mailto:editors@geekbang.com",{"name":358,"link":359,"image":6},"业务合作:hezuo@geekbang.com","mailto:hezuo@geekbang.com",{"name":361,"link":362,"image":6},"反馈投诉:feedback@geekbang.com","mailto:feedback@geekbang.com",{"name":364,"link":365,"image":6},"加入我们:zhaopin@geekbang.com","mailto:zhaopin@geekbang.com",{"name":367,"link":6,"image":6},"联系电话:010-64738142",{"name":369,"link":6,"image":6},"地址:北京市朝阳区望京北路9号2幢7层A701","联系我们",{"list":372,"name":379},[373,376],{"name":374,"link":375,"image":6},"北京 · QCon 全球软件开发大会 2026.4.16-18","https://qcon.infoq.cn/2026/beijing?utm_source=infoq&utm_medium=footer",{"name":377,"link":378,"image":6},"上海 · AICon 全球人工智能开发与应用大会 2026.6.26-27","https://aicon.infoq.cn/2026/shanghai?utm_source=infoq&utm_medium=footer","InfoQ 近期会议",{"list":381,"name":398},[382,386,390,394],{"name":383,"link":384,"image":385},"InfoQ En","https://www.infoq.com/","https://static001.infoq.cn/resource/image/55/38/55cd81623e36f5ab7a7db74d60b74838.png",{"name":387,"link":388,"image":389},"InfoQ Jp","https://www.infoq.com/jp/","https://static001.infoq.cn/resource/image/95/13/95fe851c02c86120e9037eada6a36d13.png",{"name":391,"link":392,"image":393},"InfoQ Fr","http://www.infoq.com/fr/","https://static001.infoq.cn/resource/image/2a/3e/2aa440b6d94e94f64c508f16da38933e.png",{"name":395,"link":396,"image":397},"InfoQ Br","http://www.infoq.com/br/","https://static001.infoq.cn/resource/image/4e/1e/4e737ce82bc7c8a1c2f2307bcea9a11e.png","全球 InfoQ",[400,407,413,420,426,433,440,447,452,458,464,470,476,482,488,494,500,505,512,518,525,531,537,543,549,555,561,567,572,578,585,591,597,602,608,613,617,622,628,634,641,646,652,658,664,670,676,682,687,693],{"end_time":401,"img":402,"link":403,"location":404,"name":405,"start_time":406},1864569599,"https://static001.infoq.cn/resource/image/df/d7/df1a288f1e97e615ba35cae4a9127ed7.jpg","https://www.infoq.cn/space/snowflake","线上","Snowflake 中文社区上线!",1766073600,{"end_time":408,"img":409,"link":410,"location":404,"name":411,"start_time":412},1766937599,"https://static001.infoq.cn/resource/image/6c/9a/6c9e1e98a21c06cfyy6a4236e8dc0e9a.png","https://developer.huawei.com/consumer/cn/?ha_source=InfoQ&ha_sourceId=70000011","鸿蒙开发者阵营 智能生态新图景!",1766332800,{"end_time":414,"img":415,"link":416,"location":417,"name":418,"start_time":419},1766246399,"https://static001.infoq.cn/resource/image/36/ec/36d8b16de68a2aa3c2a3ce732d318dec.png","https://www.infoq.cn/form/?id=2926&utm_source=gw&sign=iq_6938cf671ced6","北京","出海时代的基础设施构建与模型场景实践",1765296000,{"end_time":421,"img":422,"link":423,"location":404,"name":424,"start_time":425},1763481599,"https://static001.infoq.cn/resource/image/23/f9/23daea7659yye0e9e4bd55733a413bf9.png","https://www.infoq.cn/form/?id=2876&utm_source=infoq&sign=iq_690dc735a6bc5","你的 Agentic Al 队友已上线",1763049600,{"end_time":427,"img":428,"link":429,"location":430,"name":431,"start_time":432},1720799999,"https://static001.infoq.cn/resource/image/8d/77/8d3b0287db45117a2d1abbd8061fd177.jpg","https://www.infoq.cn/event/?id=286&utm_source=1&sign=iq_667d3d12723c8","深圳","火山引擎金融大模型城市环游·深圳站",1720713600,{"end_time":434,"img":435,"link":436,"location":437,"name":438,"start_time":439},1761321599,"https://static001.infoq.cn/resource/image/d5/3d/d538764e308a60384168b28e0f394f3d.png","https://www.infoq.cn/form/?id=2827&utm_source=huodongdabenying&sign=iq_68ef417882d95","上海","【QCon专场】AI双引擎:业务增长与安全重构",1761235200,{"end_time":441,"img":442,"link":443,"location":444,"name":445,"start_time":446},1761235199,"https://static001.infoq.cn/resource/image/cb/f7/cbbyy3d4ea8d4b3fcaa37e7140e120f7.png","https://jinshuju.com/f/MkXdNt?x_field_1=Amazon1","线下丨上海","QCon 亚马逊云专场:AI IDE重构开发想象",1761148800,{"end_time":448,"img":449,"link":410,"location":404,"name":450,"start_time":451},1763654399,"https://static001.infoq.cn/resource/image/15/ca/15b2f71676f5f3928ff5daeb21333dca.png","加入鸿蒙开发者阵营 开拓智能生态新蓝海!",1759248000,{"end_time":453,"img":454,"link":455,"location":404,"name":456,"start_time":457},1761840000,"https://static001.infoq.cn/resource/image/4f/41/4f7808d67c8e31b93d6fc1223716d241.jpg","https://www.infoq.cn/article/Xc1pH6JxKvgK7zFI8wFy","Snowflake 免费培训!欢迎参与!",1758988800,{"end_time":459,"img":460,"link":461,"location":404,"name":462,"start_time":463},1760975999,"https://static001.infoq.cn/resource/image/4e/d2/4e80781158e74fba43ba56d1f1d3ffd2.jpg","https://competition.atomgit.com/competitionInfo?id=49f0205ecd5c81c96381829456fef6a5&utm_source=inf1#heading-0-0","vivo大会",1760889600,{"end_time":465,"img":466,"link":467,"location":404,"name":468,"start_time":469},1763308799,"https://static001.infoq.cn/resource/image/b8/38/b844639e4b68d24036a3f1d4ba277038.png","https://www.infoq.cn/zones/fintechathon/campus2025/?id=2789&utm_source=guanwang&sign=iq_68d3b023255cf","2025 深圳国际金融科技大赛",1758816000,{"end_time":471,"img":472,"link":473,"location":404,"name":474,"start_time":475},1758038400,"https://static001.infoq.cn/resource/image/ba/2a/ba3fe8d0e31bdccf7c76f44f3157b12a.jpg","https://qdrl.qq.com/2lbhIc4r","2025腾讯全球数字生态大会",1757952000,{"end_time":477,"img":478,"link":479,"location":437,"name":480,"start_time":481},1753891199,"https://static001.infoq.cn/resource/image/d4/67/d4824160c0c26a3b04edf9dc0f2faa67.jpg","https://online2025.worldaic.com.cn/","WAIC",1753459200,{"end_time":483,"img":484,"link":485,"location":417,"name":486,"start_time":487},1756483200,"https://static001.infoq.cn/resource/image/17/18/1732a4bcdbeda67f98f66a33yy246b18.jpg","https://digital.cloud.baidu.com/mF/ems/none/3crBbdbaUbAgQdv8tF9ktG/HWSe9KTq83gsvLvEmWUQQY1","2025百度云智大会",1756310400,{"end_time":489,"img":490,"link":491,"location":404,"name":492,"start_time":493},1754496000,"https://static001.infoq.cn/resource/image/03/cc/03bec4d2ba678277fcaaeecc405895cc.png","https://www.infoq.cn/form/?id=2757&utm_source=infoq&sign=iq_688352ece260f","2025亚马逊云科技峰会精华回顾",1753632000,{"end_time":495,"img":496,"link":497,"location":404,"name":498,"start_time":499},1753977599,"https://static001.infoq.cn/resource/image/a5/d3/a5518edc427e92079fcd7956daabbcd3.png","https://www.infoq.cn/zones/awscertification-june/","亚马逊培训认证6月",1748707200,{"end_time":495,"img":501,"link":502,"location":404,"name":503,"start_time":504},"https://static001.infoq.cn/resource/image/00/cb/0049b66c781ca3f5b8d5d4de60dde7cb.png","https://qr20.cn/EoJnXW","即刻成为鸿蒙应用开发者 携手共拓鸿蒙世界!",1749398400,{"end_time":506,"img":507,"link":508,"location":509,"name":510,"start_time":511},1749571199,"https://static001.infoq.cn/resource/image/4a/26/4aa6fc20bb1eyy67772eb4a09873e026.png","https://qdrl.qq.com/cljVFWT9","青岛","2025 腾讯云城市峰会",1749484800,{"end_time":513,"img":514,"link":515,"location":437,"name":516,"start_time":517},1750348800,"https://static001.infoq.cn/resource/image/cf/43/cfb7236133b4736ba0a11be8cfae3043.png","https://www.infoq.cn/event/?id=298","亚马逊云SUMMIT",1750262400,{"end_time":519,"img":520,"link":521,"location":522,"name":523,"start_time":524},1747411200,"https://static001.infoq.cn/resource/image/ef/8c/efe32080fc748d5a07e569f08725bf8c.png","https://www.infoq.cn/form/?id=2679&utm_source=huodongdabenying&sign=iq_682166ae7775c","广州德事商务中心","2025 iFLYTEK 开发者TALK广州站",1747065600,{"end_time":526,"img":527,"link":528,"location":404,"name":529,"start_time":530},1745596799,"https://static001.infoq.cn/resource/image/61/57/6192fd75e85bee189d6cb7a3c34e9957.png","https://cloud.baidu.com/product-s/qianfan_home?track=44ca1a7f797708dfe98a81110b458fe0edf9d479e262c870","百度智能云干帆应用开发平台",1745510400,{"end_time":532,"img":533,"link":534,"location":437,"name":535,"start_time":536},1725638399,"https://static001.infoq.cn/resource/image/f6/f8/f60e03ca867228dd431db0e9f30138f8.png","https://register.inclusionconf.com/invitelogin?inviteCode=FS_j3lZdwf1&channelType=major","跨越安卓和iOS:开启国产OS移动开发新时代",1725552000,{"end_time":538,"img":539,"link":540,"location":404,"name":541,"start_time":542},1744819199,"https://static001.infoq.cn/resource/image/b9/20/b9c4f00bf0f085ef864eb89dae26b820.png","https://static001.geekbang.org/resource/image/4c/f4/4c06d0d4205fb11551f60871f858a9f4.png","AIGC时代,研发人破局转型之道",1744732800,{"end_time":544,"img":545,"link":546,"location":417,"name":547,"start_time":548},1744300799,"https://static001.infoq.cn/resource/image/bf/8b/bf2be549b7ef31367ce882cef0c80f8b.png","https://www.infoq.cn/form/?id=2630&utm_source=huodongdabenying&sign=iq_67e4cdd0c38d0","HarmonyOS NEXT创新特性与行业实践",1744214400,{"end_time":550,"img":551,"link":552,"location":404,"name":553,"start_time":554},1749139199,"https://static001.infoq.cn/resource/image/8f/5a/8f42b5102d2a6bb01b1yy25de678c05a.jpg","https://www.infoq.cn/article/EiZAWhIT5U9YRPi893NR","开源合规精选培训课程",1745596800,{"end_time":556,"img":557,"link":558,"location":404,"name":559,"start_time":560},1747843199,"https://static001.infoq.cn/resource/image/f4/e7/f4ea438f30b686f709187b789e4a57e7.png","https://sourl.co/geWFmz","亚马逊AI认证4月",1742486400,{"end_time":562,"img":563,"link":564,"location":404,"name":565,"start_time":566},1741881600,"https://static001.infoq.cn/resource/image/b3/d6/b3a02c6ea0269f79af48167yy01eced6.png","https://www.infoq.cn/event/?id=294","为突破而构建数据燃动AI",1739980800,{"end_time":568,"img":569,"link":410,"location":404,"name":570,"start_time":571},1738252800,"https://static001.infoq.cn/resource/image/0b/5a/0b27a8d162d93b7c6ea3e08b60e9f65a.png","即刻加入,成为harmony OS应用开发者",1735056000,{"end_time":573,"img":574,"link":575,"location":417,"name":576,"start_time":577},1734105599,"https://static001.infoq.cn/resource/image/3a/24/3a84c8b7aa904bf46177ff84e8c6cb24.jpg","https://www.infoq.cn/event/?id=293","Al for Data 与大模型训练加速实践 专场",1734019200,{"end_time":579,"img":580,"link":581,"location":582,"name":583,"start_time":584},1734278399,"https://static001.infoq.cn/resource/image/76/0c/76f5522fb34a5b0f23092d90a043770c.png","https://www.infoq.cn/form/?id=2460&utm_source=hd&sign=iq_6746f157b717f","广州","探索数据生态协同创新 Meetup",1734192000,{"end_time":586,"img":587,"link":588,"location":404,"name":589,"start_time":590},1734710399,"https://static001.infoq.cn/resource/image/22/dc/2211300cc2d2acfda040922ef5a6a1dc.png","https://www.infoq.cn/article/otlWQdLRB7ci1K1TPdbZ","字节跳动开源云原生数据仓库ByConity众测",1732636800,{"end_time":592,"img":593,"link":594,"location":437,"name":595,"start_time":596},1733587199,"https://static001.infoq.cn/resource/image/3f/a9/3f7cd8a638c24412fe295d810ae218a9.jpeg","https://www.huodongxing.com/event/6783033754700?qd=OpenTiny","2024华为云开源开发者论坛",1733500800,{"end_time":592,"img":598,"link":599,"location":404,"name":600,"start_time":601},"https://static001.infoq.cn/resource/image/f9/74/f93dd0b1242137659f8e5dd00decdb74.png","https://dev.amazoncloud.cn/competition/detail/genaicompetition?visitfrom=InfoQ1","第三届中国生成式 AI 应用创新挑战赛推广",1732204800,{"end_time":603,"img":604,"link":605,"location":404,"name":606,"start_time":607},1732982399,"https://static001.infoq.cn/resource/image/7e/0d/7e1428b18yy9b081542b4ef08a00ce0d.png","https://jsj.top/f/xU2Gmv","Amazon Q Developer 体验调研",1731513600,{"end_time":609,"img":610,"link":611,"location":404,"name":612,"start_time":607},1734019199,"https://static001.infoq.cn/resource/image/ff/c3/ff1287bf2a34793531813bb811896ac3.png","https://dev.amazoncloud.cn/associate-retake?visitfrom=infoq1","亚马逊云科技助理级认证活动",{"end_time":603,"img":614,"link":615,"location":404,"name":616,"start_time":607},"https://static001.infoq.cn/resource/image/3f/94/3f72e2c02d4a203980f89f3f6e813694.png","https://dev.amazoncloud.cn/learn/aitalent/obtainCertificate?visitfrom=infoQ1","亚马逊云科技AI从业者认证",{"end_time":603,"img":618,"link":619,"location":404,"name":620,"start_time":621},"https://static001.infoq.cn/resource/image/38/9c/38f2a6d31f52ef17781678c0a82dde9c.png","https://cloud.baidu.com/campaign/qianfan/index.html?track=98df3bcb86b429860e9c9fdca4fd2edc50b7882e882c090f","千帆大模型平台特惠专场",1731427200,{"end_time":623,"img":624,"link":625,"location":437,"name":626,"start_time":627},1731427199,"https://static001.infoq.cn/resource/image/81/b4/81e10cbdc5636f5ca57fae44f044b1b4.png","https://baiduworld.baidu.com","百度世界大会",1731340800,{"end_time":629,"img":630,"link":631,"location":404,"name":632,"start_time":633},1732463999,"https://static001.infoq.cn/resource/image/d1/a0/d16ecacda10d8614fa0a2928f04f0da0.png","https://mp.weixin.qq.com/s/LmG1_1NTkvigdewqE-LQwA","蚂蚁 agentUniverse 征文活动",1729699200,{"end_time":635,"img":636,"link":637,"location":638,"name":639,"start_time":640},1729785599,"https://static001.infoq.cn/resource/image/a4/96/a4c947d9a4ddaed63c2ab7298285e996.jpg","https://hdxu.cn/fimi","武汉","鸿蒙1024程序员节",1729526400,{"end_time":642,"img":643,"link":644,"location":404,"name":616,"start_time":645},1731600000,"https://static001.infoq.cn/resource/image/07/e4/07336456945434c08c91f748f61ba3e4.png","https://sourl.co/q3rci3",1728835200,{"end_time":647,"img":648,"link":649,"location":404,"name":650,"start_time":651},1735660799,"https://static001.infoq.cn/resource/image/6b/c4/6be7d03702b715e359c0116d8e2e0dc4.jpg","https://aistudio.baidu.com/intro/awards","星河产业应用创新奖",1728489600,{"end_time":653,"img":654,"link":655,"location":404,"name":656,"start_time":657},1729007999,"https://static001.infoq.cn/resource/image/ba/43/baecfa1b25b5c028f12cdf7a953c7d43.jpg","https://www.volcengine.com/contact/videocloud?utm_campaign=20241015&utm_content=shipinyunjishudahui&utm_medium=in_mkt&utm_source=event&utm_term=infoQ","2024火山引擎视频云技术大会",1728403200,{"end_time":659,"img":660,"link":661,"location":404,"name":662,"start_time":663},1727711999,"https://static001.infoq.cn/resource/image/90/d5/900f755fb922f23ac75d1e1e0e0b93d5.png","https://developer.huawei.com/consumer/cn/training/classDetail/e6608f8c416f427a847ecf717e9ed8d4?ha_source=InfoQ&ha_sourceId=70000011","HarmonyOS开发者基础认证",1721232000,{"end_time":665,"img":666,"link":667,"location":437,"name":668,"start_time":669},1727020799,"https://static001.infoq.cn/resource/image/8c/f0/8cc9fcbyy7a84df7e664d68993c6fcf0.jpg","https://gtlc.infoq.cn/2024/shanghai?utm_source=infoq&utm_medium=activity","GTLC 全球科技领导力大会·上海站",1726934400,{"end_time":671,"img":672,"link":673,"location":404,"name":674,"start_time":675},1725465599,"https://static001.infoq.cn/resource/image/d8/4f/d8b879c6d4a63f47dbe7b38f8b5d674f.jpeg","https://future.feishu.cn/?utm_from=marketing_media_infoq","2024飞书未来无限大会",1725379200,{"end_time":677,"img":678,"link":679,"location":404,"name":680,"start_time":681},1726847999,"https://static001.infoq.cn/resource/image/6e/0b/6e2f5b5ef5e5e9c4c9bb35e822ceb70b.png","https://jsj.top/f/mGBq18?x_field_1=gw","【InfoQ 社区福利】 注册 AWS 账户有礼!",1725292800,{"end_time":659,"img":683,"link":684,"location":404,"name":685,"start_time":686},"https://static001.infoq.cn/resource/image/6f/29/6f5bbde0c3e86fd62d3b2a82d2a60129.png","https://sourl.co/nxGUcQ","亚马逊云科技云从业者认证",1724947200,{"end_time":688,"img":689,"link":690,"location":404,"name":691,"start_time":692},1726156799,"https://static001.infoq.cn/resource/image/d2/43/d2817551c5269604d22f901152d61543.png","https://www.volcengine.com/event/ai-competition?utm_campaign=20240809&utm_content=ai-competition&utm_medium=in_mkt&utm_source=event&utm_term=infoQ","火山引擎AI创造者大赛",1723996800,{"end_time":694,"img":695,"link":696,"location":404,"name":697,"start_time":698},1724255999,"https://static001.infoq.cn/resource/image/6d/72/6de6a20f79369b71690b847e9f470672.jpg","https://click.aliyun.com/m/1000396643/","飞天发布时刻",1724169600,[700,703,706,709,712,715,717,719,722,725,728],{"icon":6,"link":701,"name":702},"https://www.infoq.cn/","首页",{"icon":330,"link":704,"name":705},"https://www.infoq.cn/archives","AI会议",{"icon":330,"link":707,"name":708},"https://time.geekbang.org/resource?pt=1","AI课程",{"icon":330,"link":710,"name":711},"https://agicamp.com/ranking-list/?utm_source=infoqbar","AI应用",{"icon":6,"link":713,"name":714},"https://www.infoq.cn/zones/chinatechawards2025/","AI榜单",{"icon":6,"link":716,"name":265},"https://www.infoq.cn/zones/harmonyos/",{"icon":330,"link":467,"name":718},"AI大赛",{"icon":6,"link":720,"name":721},"https://www.infoq.cn/minibook","报告",{"icon":6,"link":723,"name":724},"https://www.infoq.cn/video","视频",{"icon":6,"link":726,"name":727},"https://zhinan.geekbang.com/?utm_source=geektimeweb&utm_medium=menu&gk_source=20241016_geektimeweb_menu","AI指南",{"icon":6,"link":729,"name":730},"https://www.infoq.cn/research","研究中心",{"authorData":732,"id":740,"aid":741,"aidint":742,"type":15,"views":743,"uuid":744,"status":15,"publish_time":745,"ctime":746,"utime":746,"vid":6,"source":15,"sub_status":7,"ip_address":6,"score":745,"article_title":747,"article_sharetitle":747,"article_subtitle":6,"article_summary":748,"article_cover":749,"article_cover_point":750,"author":739,"translator":751,"planner":757,"topic":763,"is_collect":783,"no_author":6,"is_promotion":783,"share_pic":6,"sub_type":7,"comment_user":7,"comment_count":15,"speaker_title":6,"speaker_introduce":6,"video_status":7,"duration":6,"total_duration":6,"label":784,"out_id":120,"word_count":785,"front_type":15,"content_short":6,"is_fill_info":7,"content":786,"ebook":1788,"love":15,"is_love":783,"copyright":15,"lead_author":7,"ppt_url":6,"publisher":1789,"definition":120,"read_status":7,"collect":765,"checker":120,"outlines":120,"content_url":1790,"themes":1791,"audio_status":7,"audio_url":6,"audio_size":7,"ebook_type":7,"video":1792,"topicIdsMustBeSelected":1793,"topicNamesMustBeSelected":1794,"themeIds":1795,"themeNames":1796},{"uid":733,"nickname":734,"avatar":6,"active":15,"is_early":7,"ucode":735,"uri":736,"author_type":7,"vip":7,"authorLabel":737,"isAuthor":738,"list":739},3009494,"Yong Cui","0CE5A563E9CE0A","/profile/0CE5A563E9CE0A/","作者",true,[732],160494,"161044",161044,18955,"MgtgoehSqE4Sa2dUqzAw",1653037599973,1653037602070,"PyScript:让 Python 脚本在 Web 中跑起来","累计收获 10k Stars,PyScript 具有光明的未来。","https://static001.infoq.cn/resource/image/b7/e1/b7de42e4b909b771ac1f04e383d4f8e1.png","{\"big\":{\"point\":{\"x\":5,\"y\":5,\"w\":1388,\"h\":781}},\"small\":{\"point\":{\"x\":281,\"y\":152,\"w\":854,\"h\":481}},\"width\":1400,\"height\":787}",[752],{"uid":753,"nickname":754,"avatar":6,"active":15,"is_early":7,"ucode":755,"uri":756,"author_type":7,"vip":7},1368875,"平川","4D6E74F678F49C","/profile/4D6E74F678F49C/",[758],{"uid":759,"nickname":760,"avatar":6,"active":15,"is_early":7,"ucode":761,"uri":762,"author_type":7,"vip":7},1439149,"邓艳琴","D459E9DD515679","/profile/D459E9DD515679/",[764,766,769,770,773,777,780,781,782],{"id":284,"name":285,"alias":6,"type":765},2,{"id":15,"name":767,"alias":768,"type":15},"语言 & 开发","development",{"id":130,"name":131,"alias":132,"type":15},{"id":771,"name":772,"alias":772,"type":15},1121,"GMTC",{"id":774,"name":775,"alias":776,"type":765},50,"Python","python",{"id":778,"name":779,"alias":6,"type":765},1151,"Web",{"id":168,"name":169,"alias":6,"type":765},{"id":149,"name":150,"alias":6,"type":15},{"id":176,"name":177,"alias":154,"type":15},false,[],2422,{"type":787,"content":788},"doc",[789,799,810,831,838,853,860,868,877,934,941,961,963,974,976,982,993,1000,1008,1102,1109,1117,1119,1125,1127,1133,1143,1150,1158,1166,1197,1204,1212,1214,1220,1222,1228,1238,1245,1276,1283,1289,1332,1340,1371,1373,1379,1381,1387,1397,1404,1412,1503,1510,1536,1538,1544,1546,1552,1562,1569,1588,1596,1598,1606,1613,1633,1635,1641,1643,1649,1659,1666,1696,1704,1706,1714,1721,1729,1736,1744,1751,1759,1761,1772,1774],{"type":790,"content":791},"blockquote",[792],{"type":793,"attrs":794,"content":795},"paragraph",{"indent":7,"number":7,"align":120,"origin":120},[796],{"type":797,"text":798},"text","这是下一个大事件吗?如果继续发展下去,有可能。",{"type":793,"attrs":800,"content":801},{"indent":7,"number":7,"align":120,"origin":120},[802],{"type":797,"marks":803,"text":809},[804],{"type":805,"attrs":806},"color",{"color":807,"name":808},"#494949","user"," ",{"type":793,"attrs":811,"content":812},{"indent":7,"number":7,"align":120,"origin":120},[813,818,826],{"type":797,"marks":814,"text":817},[815],{"type":805,"attrs":816},{"color":807,"name":808},"在 2022年PyCon 美国大会期间,作为主题演讲嘉宾之一的 Peter Wang 公布了 ",{"type":819,"attrs":820,"content":823},"link",{"href":821,"title":822,"type":120},"https://github.com/pyscript/pyscript","xxx",[824],{"type":797,"text":825},"PyScript",{"type":797,"marks":827,"text":830},[828],{"type":805,"attrs":829},{"color":807,"name":808},",一种在 HTML 中直接编写 Python 脚本的方法。或许你不知道 Peter,但你可能听说过 Anaconda,这是一种流行的开源的 Python 和 R 语言的发行版本,特别关注数据科学。Peter 正是 Anaconda 的 CEO 和联合创始人。",{"type":793,"attrs":832,"content":833},{"indent":7,"number":7,"align":120,"origin":120},[834],{"type":797,"marks":835,"text":809},[836],{"type":805,"attrs":837},{"color":807,"name":808},{"type":793,"attrs":839,"content":840},{"indent":7,"number":7,"align":120,"origin":120},[841,846,848],{"type":797,"marks":842,"text":845},[843],{"type":805,"attrs":844},{"color":807,"name":808},"换言之,PyScript 是由一家著名的科技公司开发的,这可能会保证它在不久的将来成为可行的方案。它在 Python 和 Web 开发者中受到了极大的关注,",{"type":797,"text":847},"GitHub",{"type":797,"marks":849,"text":852},[850],{"type":805,"attrs":851},{"color":807,"name":808}," 上已有超过 10k 颗 Stars。然而,它是否能成为一个成功的、有竞争力的产品,取决于长期的时间和开发投入。目前,它还有一些已知的缺陷(将在最后讨论)。",{"type":793,"attrs":854,"content":855},{"indent":7,"number":7,"align":120,"origin":120},[856],{"type":797,"marks":857,"text":809},[858],{"type":805,"attrs":859},{"color":807,"name":808},{"type":793,"attrs":861,"content":862},{"indent":7,"number":7,"align":120,"origin":120},[863],{"type":797,"marks":864,"text":867},[865],{"type":805,"attrs":866},{"color":807,"name":808},"闲话少说,让我们快速了解一下这个令人振奋的产品吧!",{"type":869,"attrs":870,"content":871},"heading",{"align":120,"level":15},[872],{"type":797,"marks":873,"text":876},[874],{"type":805,"attrs":875},{"color":807,"name":808},"py-script标签",{"type":793,"attrs":878,"content":879},{"indent":7,"number":7,"align":120,"origin":120},[880,885,893,898,905,910,917,922,929],{"type":797,"marks":881,"text":884},[882],{"type":805,"attrs":883},{"color":807,"name":808},"我们知道,HTML 文件是大多数网站最常见的元素。在创建网站时,我们的工作就是直接或间接地通过一些框架来编制 HTML 文件。在典型的 HTML 文件中,你会看到各种类型的标签。例如,",{"type":886,"content":887,"marks":890},"codeinline",[888],{"type":797,"text":889},"\u003Chead>",[891],{"type":805,"attrs":892},{"color":807,"name":808},{"type":797,"marks":894,"text":897},[895],{"type":805,"attrs":896},{"color":807,"name":808},"定义了HTML页面的元数据和关键信息,",{"type":886,"content":899,"marks":902},[900],{"type":797,"text":901},"\u003Ctitle>",[903],{"type":805,"attrs":904},{"color":807,"name":808},{"type":797,"marks":906,"text":909},[907],{"type":805,"attrs":908},{"color":807,"name":808},"是整个文档的标题,而",{"type":886,"content":911,"marks":914},[912],{"type":797,"text":913},"\u003Ch1>",[915],{"type":805,"attrs":916},{"color":807,"name":808},{"type":797,"marks":918,"text":921},[919],{"type":805,"attrs":920},{"color":807,"name":808},"、",{"type":886,"content":923,"marks":926},[924],{"type":797,"text":925},"\u003Ch2>",[927],{"type":805,"attrs":928},{"color":807,"name":808},{"type":797,"marks":930,"text":933},[931],{"type":805,"attrs":932},{"color":807,"name":808},"等定义了不同级别的内容标题。",{"type":793,"attrs":935,"content":936},{"indent":7,"number":7,"align":120,"origin":120},[937],{"type":797,"marks":938,"text":809},[939],{"type":805,"attrs":940},{"color":807,"name":808},{"type":793,"attrs":942,"content":943},{"indent":7,"number":7,"align":120,"origin":120},[944,949,956],{"type":797,"marks":945,"text":948},[946],{"type":805,"attrs":947},{"color":807,"name":808},"如前所述,PyScript 允许你在 HTML 中编写Python脚本,它使用一个特殊的标签",{"type":886,"content":950,"marks":953},[951],{"type":797,"text":952},"py-script",[954],{"type":805,"attrs":955},{"color":807,"name":808},{"type":797,"marks":957,"text":960},[958],{"type":805,"attrs":959},{"color":807,"name":808},"。在这个标签中,你可以嵌入 Python 脚本。要了解它是如何工作的,可以创建一个 HTML 文件,其中包含以下代码,并使用 Chrome 浏览器打开该文件。在 Chrome 浏览器中,你应该能够看到类似下面这样的内容:",{"type":793,"attrs":962},{"indent":7,"number":7,"align":120,"origin":120},{"type":964,"attrs":965},"image",{"src":966,"alt":120,"title":120,"style":967,"href":120,"fromPaste":738,"pastePass":738},"https://static001.geekbang.org/infoq/b7/b7cf3649eb920dfd76b246074c54a8f0.png",[968,971],{"key":969,"value":970},"width","75%",{"key":972,"value":973},"bordertype","none",{"type":793,"attrs":975},{"indent":7,"number":7,"align":120,"origin":120},{"type":964,"attrs":977},{"src":978,"alt":120,"title":120,"style":979,"href":120,"fromPaste":738,"pastePass":738},"https://static001.geekbang.org/infoq/d1/d1c8a6e49c89d1695ab45b26f726d77e.png",[980,981],{"key":969,"value":970},{"key":972,"value":973},{"type":793,"attrs":983,"content":985},{"indent":7,"number":7,"align":984,"origin":120},"center",[986],{"type":797,"marks":987,"text":992},[988],{"type":989,"attrs":990},"size",{"size":991},9,"作者截图",{"type":793,"attrs":994,"content":995},{"indent":7,"number":7,"align":120,"origin":120},[996],{"type":797,"marks":997,"text":809},[998],{"type":805,"attrs":999},{"color":807,"name":808},{"type":793,"attrs":1001,"content":1002},{"indent":7,"number":7,"align":120,"origin":120},[1003],{"type":797,"marks":1004,"text":1007},[1005],{"type":805,"attrs":1006},{"color":807,"name":808},"在上面的代码片段中,你可能已经注意到以下三个关键点:",{"type":1009,"content":1010},"bulletedlist",[1011,1036,1074],{"type":1012,"attrs":1013,"content":1014},"listitem",{"listStyle":120},[1015],{"type":793,"attrs":1016,"content":1017},{"indent":7,"number":7,"align":120,"origin":120},[1018,1025,1027,1034],{"type":886,"content":1019,"marks":1021},[1020],{"type":797,"text":819},[1022],{"type":805,"attrs":1023},{"color":1024,"name":808},"#292929",{"type":797,"text":1026},"标签定义了一个外部样式表。在这个例子中,我们使用了 PyScript 提供的",{"type":886,"content":1028,"marks":1031},[1029],{"type":797,"text":1030},"css",[1032],{"type":805,"attrs":1033},{"color":1024,"name":808},{"type":797,"text":1035},"文件。",{"type":1012,"attrs":1037,"content":1038},{"listStyle":120},[1039],{"type":793,"attrs":1040,"content":1041},{"indent":7,"number":7,"align":120,"origin":120},[1042,1047,1054,1056,1063,1065,1072],{"type":797,"marks":1043,"text":1046},[1044],{"type":805,"attrs":1045},{"color":807,"name":808},"我们使用",{"type":886,"content":1048,"marks":1051},[1049],{"type":797,"text":1050},"script",[1052],{"type":805,"attrs":1053},{"color":1024,"name":808},{"type":797,"text":1055},"标签来嵌入一个由",{"type":886,"content":1057,"marks":1060},[1058],{"type":797,"text":1059},"src",[1061],{"type":805,"attrs":1062},{"color":1024,"name":808},{"type":797,"text":1064},"定义、由 PyScript 托管的外部脚本。我们使用了",{"type":886,"content":1066,"marks":1069},[1067],{"type":797,"text":1068},"defer",[1070],{"type":805,"attrs":1071},{"color":1024,"name":808},{"type":797,"text":1073},",这样脚本会在下载和页面解析完成后执行——本质上是一种延迟执行,而不是实时执行。",{"type":1012,"attrs":1075,"content":1076},{"listStyle":120},[1077],{"type":793,"attrs":1078,"content":1079},{"indent":7,"number":7,"align":120,"origin":120},[1080,1085,1091,1093,1100],{"type":797,"marks":1081,"text":1084},[1082],{"type":805,"attrs":1083},{"color":807,"name":808},"最有趣的部分是",{"type":886,"content":1086,"marks":1088},[1087],{"type":797,"text":952},[1089],{"type":805,"attrs":1090},{"color":1024,"name":808},{"type":797,"text":1092},"标签。如你所见,",{"type":886,"content":1094,"marks":1097},[1095],{"type":797,"text":1096},"print(\"Hello, World!\")",[1098],{"type":805,"attrs":1099},{"color":1024,"name":808},{"type":797,"text":1101},"是 Python 代码。当执行 HTML 文件时,就可以看到代码求值结果。",{"type":793,"attrs":1103,"content":1104},{"indent":7,"number":7,"align":120,"origin":120},[1105],{"type":797,"marks":1106,"text":809},[1107],{"type":805,"attrs":1108},{"color":807,"name":808},{"type":793,"attrs":1110,"content":1111},{"indent":7,"number":7,"align":120,"origin":120},[1112],{"type":797,"marks":1113,"text":1116},[1114],{"type":805,"attrs":1115},{"color":807,"name":808},"这很酷,不是吗?如果你不熟悉 Web 开发,但了解 Python,就可以使用 PyScript 嵌入任何有效的 Python 代码。让我们再看一个例子。",{"type":793,"attrs":1118},{"indent":7,"number":7,"align":120,"origin":120},{"type":964,"attrs":1120},{"src":1121,"alt":120,"title":120,"style":1122,"href":120,"fromPaste":738,"pastePass":738},"https://static001.geekbang.org/infoq/80/80c04d7afe33fd0f4d34f391847a8e75.png",[1123,1124],{"key":969,"value":970},{"key":972,"value":973},{"type":793,"attrs":1126},{"indent":7,"number":7,"align":120,"origin":120},{"type":964,"attrs":1128},{"src":1129,"alt":120,"title":120,"style":1130,"href":120,"fromPaste":738,"pastePass":738},"https://static001.geekbang.org/infoq/ff/ff83f9e4bfead1f156366ce957063170.png",[1131,1132],{"key":969,"value":970},{"key":972,"value":973},{"type":793,"attrs":1134,"content":1135},{"indent":7,"number":7,"align":984,"origin":120},[1136],{"type":797,"marks":1137,"text":1142},[1138,1140],{"type":989,"attrs":1139},{"size":991},{"type":805,"attrs":1141},{"color":807,"name":808},"另一个PyScript示例(图片由作者提供)",{"type":793,"attrs":1144,"content":1145},{"indent":7,"number":7,"align":120,"origin":120},[1146],{"type":797,"marks":1147,"text":809},[1148],{"type":805,"attrs":1149},{"color":807,"name":808},{"type":793,"attrs":1151,"content":1152},{"indent":7,"number":7,"align":120,"origin":120},[1153],{"type":797,"marks":1154,"text":1157},[1155],{"type":805,"attrs":1156},{"color":807,"name":808},"在这里,我们写了一些需要计算的代码,可以看到,脚本得到了正确的执行。",{"type":869,"attrs":1159,"content":1160},{"align":120,"level":15},[1161],{"type":797,"marks":1162,"text":1165},[1163],{"type":805,"attrs":1164},{"color":807,"name":808},"py-env标签",{"type":793,"attrs":1167,"content":1168},{"indent":7,"number":7,"align":120,"origin":120},[1169,1174,1181,1186,1192],{"type":797,"marks":1170,"text":1173},[1171],{"type":805,"attrs":1172},{"color":807,"name":808},"在编写更复杂的代码时,就需要使用第三方库。在这种情况下,我们可以利用",{"type":886,"content":1175,"marks":1178},[1176],{"type":797,"text":1177},"py-env",[1179],{"type":805,"attrs":1180},{"color":807,"name":808},{"type":797,"marks":1182,"text":1185},[1183],{"type":805,"attrs":1184},{"color":807,"name":808},"标签。你可能已经猜到的,env 是 environment 的缩写。",{"type":886,"content":1187,"marks":1189},[1188],{"type":797,"text":1177},[1190],{"type":805,"attrs":1191},{"color":807,"name":808},{"type":797,"marks":1193,"text":1196},[1194],{"type":805,"attrs":1195},{"color":807,"name":808},"标签中列出了运行代码所需的 Python 包。",{"type":793,"attrs":1198,"content":1199},{"indent":7,"number":7,"align":120,"origin":120},[1200],{"type":797,"marks":1201,"text":809},[1202],{"type":805,"attrs":1203},{"color":807,"name":808},{"type":793,"attrs":1205,"content":1206},{"indent":7,"number":7,"align":120,"origin":120},[1207],{"type":797,"marks":1208,"text":1211},[1209],{"type":805,"attrs":1210},{"color":807,"name":808},"你可能知道,许多数据科学家都使用 pandas 进行数据处理工作。让我们看看下面的例子。",{"type":793,"attrs":1213},{"indent":7,"number":7,"align":120,"origin":120},{"type":964,"attrs":1215},{"src":1216,"alt":120,"title":120,"style":1217,"href":120,"fromPaste":738,"pastePass":738},"https://static001.geekbang.org/infoq/81/81a2e07ff71a317924c7664120862b6e.png",[1218,1219],{"key":969,"value":970},{"key":972,"value":973},{"type":793,"attrs":1221},{"indent":7,"number":7,"align":120,"origin":120},{"type":964,"attrs":1223},{"src":1224,"alt":120,"title":120,"style":1225,"href":120,"fromPaste":738,"pastePass":738},"https://static001.geekbang.org/infoq/df/df79380011e061d1030cfe721b89989b.png",[1226,1227],{"key":969,"value":970},{"key":972,"value":973},{"type":793,"attrs":1229,"content":1230},{"indent":7,"number":7,"align":984,"origin":120},[1231],{"type":797,"marks":1232,"text":1237},[1233,1235],{"type":989,"attrs":1234},{"size":991},{"type":805,"attrs":1236},{"color":807,"name":808},"使用包的PyScript(图片由作者提供)",{"type":793,"attrs":1239,"content":1240},{"indent":7,"number":7,"align":120,"origin":120},[1241],{"type":797,"marks":1242,"text":809},[1243],{"type":805,"attrs":1244},{"color":807,"name":808},{"type":793,"attrs":1246,"content":1247},{"indent":7,"number":7,"align":120,"origin":120},[1248,1253,1259,1264,1271],{"type":797,"marks":1249,"text":1252},[1250],{"type":805,"attrs":1251},{"color":807,"name":808},"如你所见,我们在",{"type":886,"content":1254,"marks":1256},[1255],{"type":797,"text":1177},[1257],{"type":805,"attrs":1258},{"color":807,"name":808},{"type":797,"marks":1260,"text":1263},[1261],{"type":805,"attrs":1262},{"color":807,"name":808},"标签中指定了依赖项(即 Pandas),该标签包含在",{"type":886,"content":1265,"marks":1268},[1266],{"type":797,"text":1267},"head",[1269],{"type":805,"attrs":1270},{"color":807,"name":808},{"type":797,"marks":1272,"text":1275},[1273],{"type":805,"attrs":1274},{"color":807,"name":808},"标签中。如果页面需要多个依赖项,可以在这里把它们全部列出:",{"type":793,"attrs":1277,"content":1278},{"indent":7,"number":7,"align":120,"origin":120},[1279],{"type":797,"marks":1280,"text":809},[1281],{"type":805,"attrs":1282},{"color":807,"name":808},{"type":1284,"attrs":1285,"content":1286},"codeblock",{"lang":120},[1287],{"type":797,"text":1288},"\u003Cpy-env>\n - pandas\n - matplotlib\n - numpy\n\u003C/py-env>",{"type":793,"attrs":1290,"content":1291},{"indent":7,"number":7,"align":120,"origin":120},[1292,1297,1303,1308,1315,1320,1327],{"type":797,"marks":1293,"text":1296},[1294],{"type":805,"attrs":1295},{"color":807,"name":808},"如你所见,在",{"type":886,"content":1298,"marks":1300},[1299],{"type":797,"text":952},[1301],{"type":805,"attrs":1302},{"color":807,"name":808},{"type":797,"marks":1304,"text":1307},[1305],{"type":805,"attrs":1306},{"color":807,"name":808},"标签中,我们确实可以使用 Pandas 库来创建一个",{"type":886,"content":1309,"marks":1312},[1310],{"type":797,"text":1311},"DataFrame",[1313],{"type":805,"attrs":1314},{"color":807,"name":808},{"type":797,"marks":1316,"text":1319},[1317],{"type":805,"attrs":1318},{"color":807,"name":808},"对象。然而,当我们把打印出来时就会发现,它是一个单行,而不是一个结构化的数据表。没有一个适当的结构,我们就无法理解这些数据。幸运的是,我们可以使用",{"type":886,"content":1321,"marks":1324},[1322],{"type":797,"text":1323},"write",[1325],{"type":805,"attrs":1326},{"color":807,"name":808},{"type":797,"marks":1328,"text":1331},[1329],{"type":805,"attrs":1330},{"color":807,"name":808},"函数(下文会讨论)。",{"type":869,"attrs":1333,"content":1334},{"align":120,"level":15},[1335],{"type":797,"marks":1336,"text":1339},[1337],{"type":805,"attrs":1338},{"color":807,"name":808},"将内容写入指定标签",{"type":793,"attrs":1341,"content":1342},{"indent":7,"number":7,"align":120,"origin":120},[1343,1348,1355,1360,1366],{"type":797,"marks":1344,"text":1347},[1345],{"type":805,"attrs":1346},{"color":807,"name":808},"除了Python中的标准打印函数",{"type":886,"content":1349,"marks":1352},[1350],{"type":797,"text":1351},"print",[1353],{"type":805,"attrs":1354},{"color":807,"name":808},{"type":797,"marks":1356,"text":1359},[1357],{"type":805,"attrs":1358},{"color":807,"name":808},",作为脚本的一部分,PyScript有自己的",{"type":886,"content":1361,"marks":1363},[1362],{"type":797,"text":1323},[1364],{"type":805,"attrs":1365},{"color":807,"name":808},{"type":797,"marks":1367,"text":1370},[1368],{"type":805,"attrs":1369},{"color":807,"name":808},"函数,可以将数据发送到页面上指定的Web元素中。请看下面的例子:",{"type":793,"attrs":1372},{"indent":7,"number":7,"align":120,"origin":120},{"type":964,"attrs":1374},{"src":1375,"alt":120,"title":120,"style":1376,"href":120,"fromPaste":738,"pastePass":738},"https://static001.geekbang.org/infoq/54/548175e28244c2b86e5b35db19bdf9ff.png",[1377,1378],{"key":969,"value":970},{"key":972,"value":973},{"type":793,"attrs":1380},{"indent":7,"number":7,"align":120,"origin":120},{"type":964,"attrs":1382},{"src":1383,"alt":120,"title":120,"style":1384,"href":120,"fromPaste":738,"pastePass":738},"https://static001.geekbang.org/infoq/f6/f612d73015a7a21224b20561347bf3b2.png",[1385,1386],{"key":969,"value":970},{"key":972,"value":973},{"type":793,"attrs":1388,"content":1389},{"indent":7,"number":7,"align":984,"origin":120},[1390],{"type":797,"marks":1391,"text":1396},[1392,1394],{"type":989,"attrs":1393},{"size":991},{"type":805,"attrs":1395},{"color":807,"name":808},"PyScript 写函数 write(图片由作者提供)",{"type":793,"attrs":1398,"content":1399},{"indent":7,"number":7,"align":120,"origin":120},[1400],{"type":797,"marks":1401,"text":809},[1402],{"type":805,"attrs":1403},{"color":807,"name":808},{"type":793,"attrs":1405,"content":1406},{"indent":7,"number":7,"align":120,"origin":120},[1407],{"type":797,"marks":1408,"text":1411},[1409],{"type":805,"attrs":1410},{"color":807,"name":808},"与之前的例子相比,上述代码片段有两个重大变化:",{"type":1009,"content":1413},[1414,1443],{"type":1012,"attrs":1415,"content":1416},{"listStyle":120},[1417],{"type":793,"attrs":1418,"content":1419},{"indent":7,"number":7,"align":120,"origin":120},[1420,1425,1432,1434,1441],{"type":797,"marks":1421,"text":1424},[1422],{"type":805,"attrs":1423},{"color":807,"name":808},"我们现在定义了一个 id 为",{"type":886,"content":1426,"marks":1429},[1427],{"type":797,"text":1428},"\"DataFrame\"",[1430],{"type":805,"attrs":1431},{"color":1024,"name":808},{"type":797,"text":1433},"的",{"type":886,"content":1435,"marks":1438},[1436],{"type":797,"text":1437},"div",[1439],{"type":805,"attrs":1440},{"color":1024,"name":808},{"type":797,"text":1442},",这样稍后就可以引用。",{"type":1012,"attrs":1444,"content":1445},{"listStyle":120},[1446],{"type":793,"attrs":1447,"content":1448},{"indent":7,"number":7,"align":120,"origin":120},[1449,1454,1460,1462,1468,1470,1476,1478,1485,1487,1493,1495,1501],{"type":797,"marks":1450,"text":1453},[1451],{"type":805,"attrs":1452},{"color":807,"name":808},"在",{"type":886,"content":1455,"marks":1457},[1456],{"type":797,"text":952},[1458],{"type":805,"attrs":1459},{"color":1024,"name":808},{"type":797,"text":1461},"标签中,我们创建一个与之前相同的",{"type":886,"content":1463,"marks":1465},[1464],{"type":797,"text":1311},[1466],{"type":805,"attrs":1467},{"color":1024,"name":808},{"type":797,"text":1469},"对象。但现在,我们不是调用",{"type":886,"content":1471,"marks":1473},[1472],{"type":797,"text":1351},[1474],{"type":805,"attrs":1475},{"color":1024,"name":808},{"type":797,"text":1477},",而是调用",{"type":886,"content":1479,"marks":1482},[1480],{"type":797,"text":1481},"pyscript.write",[1483],{"type":805,"attrs":1484},{"color":1024,"name":808},{"type":797,"text":1486},"函数,请求 PyScript 处理并在",{"type":886,"content":1488,"marks":1490},[1489],{"type":797,"text":1428},[1491],{"type":805,"attrs":1492},{"color":1024,"name":808},{"type":797,"text":1494},"中显示",{"type":886,"content":1496,"marks":1498},[1497],{"type":797,"text":1311},[1499],{"type":805,"attrs":1500},{"color":1024,"name":808},{"type":797,"text":1502},"对象。从输出可以看到,我们现在有一个结构化的表格了。",{"type":793,"attrs":1504,"content":1505},{"indent":7,"number":7,"align":120,"origin":120},[1506],{"type":797,"marks":1507,"text":809},[1508],{"type":805,"attrs":1509},{"color":807,"name":808},{"type":793,"attrs":1511,"content":1512},{"indent":7,"number":7,"align":120,"origin":120},[1513,1519,1524,1531],{"type":886,"content":1514,"marks":1516},[1515],{"type":797,"text":1323},[1517],{"type":805,"attrs":1518},{"color":807,"name":808},{"type":797,"marks":1520,"text":1523},[1521],{"type":805,"attrs":1522},{"color":807,"name":808},"函数不仅能够打印表格,还能够打印数字。下面的例子向你展示了我们如何使用",{"type":886,"content":1525,"marks":1528},[1526],{"type":797,"text":1527},"matplotlib",[1529],{"type":805,"attrs":1530},{"color":807,"name":808},{"type":797,"marks":1532,"text":1535},[1533],{"type":805,"attrs":1534},{"color":807,"name":808},"(一个流行的Python包,用于数据可视化)来显示由 Python 创建的图。",{"type":793,"attrs":1537},{"indent":7,"number":7,"align":120,"origin":120},{"type":964,"attrs":1539},{"src":1540,"alt":120,"title":120,"style":1541,"href":120,"fromPaste":738,"pastePass":738},"https://static001.geekbang.org/infoq/67/67aa8e871dffbace046e760e4249ec4d.png",[1542,1543],{"key":969,"value":970},{"key":972,"value":973},{"type":793,"attrs":1545},{"indent":7,"number":7,"align":120,"origin":120},{"type":964,"attrs":1547},{"src":1548,"alt":120,"title":120,"style":1549,"href":120,"fromPaste":738,"pastePass":738},"https://static001.geekbang.org/infoq/9c/9c5c42ab5a569023ab63df58dfbedcab.png",[1550,1551],{"key":969,"value":970},{"key":972,"value":973},{"type":793,"attrs":1553,"content":1554},{"indent":7,"number":7,"align":984,"origin":120},[1555],{"type":797,"marks":1556,"text":1561},[1557,1559],{"type":989,"attrs":1558},{"size":991},{"type":805,"attrs":1560},{"color":807,"name":808},"PyScript打印图(图片由作者提供)",{"type":793,"attrs":1563,"content":1564},{"indent":7,"number":7,"align":120,"origin":120},[1565],{"type":797,"marks":1566,"text":809},[1567],{"type":805,"attrs":1568},{"color":807,"name":808},{"type":793,"attrs":1570,"content":1571},{"indent":7,"number":7,"align":120,"origin":120},[1572,1577,1583],{"type":797,"marks":1573,"text":1576},[1574],{"type":805,"attrs":1575},{"color":807,"name":808},"如你所见,",{"type":886,"content":1578,"marks":1580},[1579],{"type":797,"text":1323},[1581],{"type":805,"attrs":1582},{"color":807,"name":808},{"type":797,"marks":1584,"text":1587},[1585],{"type":805,"attrs":1586},{"color":807,"name":808}," 函数以期望的方式显示了图。",{"type":869,"attrs":1589,"content":1590},{"align":120,"level":15},[1591],{"type":797,"marks":1592,"text":1595},[1593],{"type":805,"attrs":1594},{"color":807,"name":808},"py-repl标签",{"type":793,"attrs":1597},{"indent":7,"number":7,"align":120,"origin":120},{"type":793,"attrs":1599,"content":1600},{"indent":7,"number":7,"align":120,"origin":120},[1601],{"type":797,"marks":1602,"text":1605},[1603],{"type":805,"attrs":1604},{"color":807,"name":808},"Python 学习的最好方法之一是使用 REPL:读取(Read)、求值(Evaluate)、打印(Print)和循环(Loop)。也就是说,使用一个交互式的 Python 控制台,输入一些代码,Python 对其进行求值并打印适当的输出,然后重复这个过程。Web 页面也可以提供这样的 REPL 环境,比如 Jupyter Notebook。",{"type":793,"attrs":1607,"content":1608},{"indent":7,"number":7,"align":120,"origin":120},[1609],{"type":797,"marks":1610,"text":809},[1611],{"type":805,"attrs":1612},{"color":807,"name":808},{"type":793,"attrs":1614,"content":1615},{"indent":7,"number":7,"align":120,"origin":120},[1616,1621,1628],{"type":797,"marks":1617,"text":1620},[1618],{"type":805,"attrs":1619},{"color":807,"name":808},"PyScript 可以使用",{"type":886,"content":1622,"marks":1625},[1623],{"type":797,"text":1624},"py-repl",[1626],{"type":805,"attrs":1627},{"color":807,"name":808},{"type":797,"marks":1629,"text":1632},[1630],{"type":805,"attrs":1631},{"color":807,"name":808},"标签提供与此类似的东西。在这个元素中,你可以让用户自己编写代码,也可以以编程方式输入代码。请看下面的例子:",{"type":793,"attrs":1634},{"indent":7,"number":7,"align":120,"origin":120},{"type":964,"attrs":1636},{"src":1637,"alt":120,"title":120,"style":1638,"href":120,"fromPaste":738,"pastePass":738},"https://static001.geekbang.org/infoq/b6/b66645cc4bc41c399659afaff9f3d7ee.png",[1639,1640],{"key":969,"value":970},{"key":972,"value":973},{"type":793,"attrs":1642},{"indent":7,"number":7,"align":120,"origin":120},{"type":964,"attrs":1644},{"src":1645,"alt":120,"title":120,"style":1646,"href":120,"fromPaste":738,"pastePass":738},"https://static001.geekbang.org/infoq/a7/a716f3728f2d077ead11eab508d64477.png",[1647,1648],{"key":969,"value":970},{"key":972,"value":973},{"type":793,"attrs":1650,"content":1651},{"indent":7,"number":7,"align":984,"origin":120},[1652],{"type":797,"marks":1653,"text":1658},[1654,1656],{"type":989,"attrs":1655},{"size":991},{"type":805,"attrs":1657},{"color":807,"name":808},"PyScript REPL(图片由作者提供)",{"type":793,"attrs":1660,"content":1661},{"indent":7,"number":7,"align":120,"origin":120},[1662],{"type":797,"marks":1663,"text":809},[1664],{"type":805,"attrs":1665},{"color":807,"name":808},{"type":793,"attrs":1667,"content":1668},{"indent":7,"number":7,"align":120,"origin":120},[1669,1674,1680,1685,1691],{"type":797,"marks":1670,"text":1673},[1671],{"type":805,"attrs":1672},{"color":807,"name":808},"如你所见,上图中有一个单元格,其中包括在",{"type":886,"content":1675,"marks":1677},[1676],{"type":797,"text":1624},[1678],{"type":805,"attrs":1679},{"color":807,"name":808},{"type":797,"marks":1681,"text":1684},[1682],{"type":805,"attrs":1683},{"color":807,"name":808},"标签中指定的代码。值得注意的是,单元格中的代码可以引用我们之前在",{"type":886,"content":1686,"marks":1688},[1687],{"type":797,"text":952},[1689],{"type":805,"attrs":1690},{"color":807,"name":808},{"type":797,"marks":1692,"text":1695},[1693],{"type":805,"attrs":1694},{"color":807,"name":808},"标签中定义的变量。一切看起来都很协调。",{"type":869,"attrs":1697,"content":1698},{"align":120,"level":15},[1699],{"type":797,"marks":1700,"text":1703},[1701],{"type":805,"attrs":1702},{"color":807,"name":808},"感想",{"type":793,"attrs":1705},{"indent":7,"number":7,"align":120,"origin":120},{"type":793,"attrs":1707,"content":1708},{"indent":7,"number":7,"align":120,"origin":120},[1709],{"type":797,"marks":1710,"text":1713},[1711],{"type":805,"attrs":1712},{"color":807,"name":808},"本文介绍的内容是现阶段 PyScript 所能提供的主要亮点。它似乎是一个很有前途的产品,因为它提供了一个灵活的框架,让 Python 程序员可以在没有太多 Web 开发知识的情况下创建 Web 应用。然而,也有其他类似的成功的产品,因此,竞争会很激烈。",{"type":793,"attrs":1715,"content":1716},{"indent":7,"number":7,"align":120,"origin":120},[1717],{"type":797,"marks":1718,"text":809},[1719],{"type":805,"attrs":1720},{"color":807,"name":808},{"type":793,"attrs":1722,"content":1723},{"indent":7,"number":7,"align":120,"origin":120},[1724],{"type":797,"marks":1725,"text":1728},[1726],{"type":805,"attrs":1727},{"color":807,"name":808},"例如,如果我需要为自己的数据科学项目创建一个 Web 应用,我就会直接使用 Streamlit。它的功能已经相对成熟。请注意,虽然都与 Web 开发有关,但 PyScript 和 Streamlit 属于不同的产品系。PyScript 应该更通用,因为它的目标是让你可以在任何网页上嵌入任何 Python 代码,Streamlit 做不到这一点。",{"type":793,"attrs":1730,"content":1731},{"indent":7,"number":7,"align":120,"origin":120},[1732],{"type":797,"marks":1733,"text":809},[1734],{"type":805,"attrs":1735},{"color":807,"name":808},{"type":793,"attrs":1737,"content":1738},{"indent":7,"number":7,"align":120,"origin":120},[1739],{"type":797,"marks":1740,"text":1743},[1741],{"type":805,"attrs":1742},{"color":807,"name":808},"在 PyScript 为更多的人所接受之前,它有几个问题必须解决。例如,Web 页面的加载速度非常慢。如果你尝试跟随本教程运行代码,可能就会注意到,在 Web 页面的显示会有一个明显的滞后。",{"type":793,"attrs":1745,"content":1746},{"indent":7,"number":7,"align":120,"origin":120},[1747],{"type":797,"marks":1748,"text":809},[1749],{"type":805,"attrs":1750},{"color":807,"name":808},{"type":793,"attrs":1752,"content":1753},{"indent":7,"number":7,"align":120,"origin":120},[1754],{"type":797,"marks":1755,"text":1758},[1756],{"type":805,"attrs":1757},{"color":807,"name":808},"尽管如此,我还是觉得这个产品会继续发展,我的信心主要来自于它的开发者——给我们带来极好的 Anaconda 工具的 Anaconda 团队。",{"type":793,"attrs":1760},{"indent":7,"number":7,"align":120,"origin":120},{"type":793,"attrs":1762,"content":1763},{"indent":7,"number":7,"align":120,"origin":120},[1764],{"type":797,"marks":1765,"text":1771},[1766,1768],{"type":1767},"italic",{"type":805,"attrs":1769},{"color":1770,"name":808},"#333333","本文最初发布于Better Programming。",{"type":793,"attrs":1773},{"indent":7,"number":7,"align":120,"origin":120},{"type":793,"attrs":1775,"content":1776},{"indent":7,"number":7,"align":120,"origin":120},[1777,1782],{"type":797,"marks":1778,"text":1781},[1779],{"type":805,"attrs":1780},{"color":807,"name":808},"查看英文原文:",{"type":819,"attrs":1783,"content":1785},{"href":1784,"title":822,"type":120},"https://betterprogramming.pub/running-python-script-on-the-web-using-pyscript-the-next-big-thing-8ace9543d75",[1786],{"type":797,"text":1787},"Running Python Scripts on the Web Using PyScript",{},{"uid":7,"nickname":6,"avatar":6,"active":7,"is_early":7,"ucode":6,"uri":6,"author_type":7,"vip":7,"mood":6,"intro":6,"is_sub":783},"https://static-acl-001.geekbang.org/resource/article/95a26bcb608b3462ef1fdcaa10c962f7/content.json?auth_key=1767907954-f431a3b8edfd4d0e9a0164b248af894e-0-ecf1173cefe4cbe763c73ffe0d8715d4&v_t=1653037602070",[],{"ai_subtitle":6,"ai_subtitle_vtt":6,"subtitle_url":6},[15,130,771,149,176],[767,131,772,150,177],[],[],[1798,1803,1809,1814,1821,1827,1833,1840,1845,1850,1856,1861],{"id":1799,"pid":7,"name":1800,"url":701,"icon":6,"corner_mark":1801,"sort":15,"children":1802},1038,{"type":15,"text":702,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},[],{"id":1804,"pid":7,"name":1805,"url":704,"icon":6,"corner_mark":1806,"sort":765,"children":1808},1039,{"type":15,"text":705,"icon":6,"alt":6},{"type":765,"text":1807,"icon":6},"hot",[],{"id":1810,"pid":7,"name":1811,"url":707,"icon":6,"corner_mark":1812,"sort":311,"children":1813},1040,{"type":15,"text":708,"icon":6,"alt":6},{"type":765,"text":1807,"icon":6},[],{"id":1815,"pid":7,"name":1816,"url":1817,"icon":6,"corner_mark":1818,"sort":1819,"children":1820},1041,{"type":15,"text":711,"icon":6,"alt":6},"https://agicamp.com/?utm_source=infoqbar",{"type":765,"text":1807,"icon":6},4,[],{"id":1822,"pid":7,"name":1823,"url":720,"icon":6,"corner_mark":1824,"sort":1825,"children":1826},1045,{"type":15,"text":721,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},5,[],{"id":1828,"pid":7,"name":1829,"url":716,"icon":6,"corner_mark":1830,"sort":1831,"children":1832},1043,{"type":15,"text":265,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},6,[],{"id":1834,"pid":7,"name":1835,"url":403,"icon":6,"corner_mark":1836,"sort":1838,"children":1839},1053,{"type":15,"text":62,"icon":6,"alt":6},{"type":765,"text":1837,"icon":6},"new",7,[],{"id":1841,"pid":7,"name":1842,"url":723,"icon":6,"corner_mark":1843,"sort":176,"children":1844},1046,{"type":15,"text":724,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},[],{"id":1846,"pid":7,"name":1847,"url":713,"icon":6,"corner_mark":1848,"sort":991,"children":1849},1042,{"type":15,"text":714,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},[],{"id":1851,"pid":7,"name":1852,"url":726,"icon":6,"corner_mark":1853,"sort":1854,"children":1855},1047,{"type":15,"text":727,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},10,[],{"id":1857,"pid":7,"name":1858,"url":729,"icon":6,"corner_mark":1859,"sort":255,"children":1860},1048,{"type":15,"text":730,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},[],{"id":1862,"pid":7,"name":1863,"url":467,"icon":6,"corner_mark":1864,"sort":157,"children":1865},1044,{"type":15,"text":718,"icon":6,"alt":6},{"type":765,"text":1807,"icon":6},[1866,1872,1879,1886],{"id":1867,"pid":1862,"name":1868,"url":467,"icon":6,"corner_mark":1870,"sort":15,"children":1871},1049,{"type":15,"text":1869,"icon":6,"alt":6},"微众银行 · 深圳国际金融科技大赛",{"type":7,"text":6,"icon":6},[],{"id":1873,"pid":1862,"name":1874,"url":1876,"icon":6,"corner_mark":1877,"sort":765,"children":1878},1050,{"type":15,"text":1875,"icon":6,"alt":6},"亚马逊云科技 · 1000 AIdea 应用计划","https://www.infoq.cn/zones/1000aidea/#schedule",{"type":7,"text":6,"icon":6},[],{"id":1880,"pid":1862,"name":1881,"url":1883,"icon":6,"corner_mark":1884,"sort":311,"children":1885},1051,{"type":15,"text":1882,"icon":6,"alt":6},"微软 · AI 开发者挑战赛","https://www.infoq.cn/zones/microsoftai/",{"type":7,"text":6,"icon":6},[],{"id":1887,"pid":1862,"name":1888,"url":1890,"icon":6,"corner_mark":1891,"sort":1819,"children":1892},1052,{"type":15,"text":1889,"icon":6,"alt":6},"InfoQ · 大模型技术应用创新大赛","https://www.infoq.cn/zones/geekathon2023",{"type":7,"text":6,"icon":6},[],["Reactive",1894],{"$sisMobile":783},["Set"],["ShallowReactive",1897],{"navConfig":-1,"headerMenuList":-1,"articleDetail":-1},"/article/MgtgoehSqE4Sa2dUqzAw",{"loginUser":1900,"main":1904},{"loginUser":1901,"userInfo":1903},["EmptyRef",1902],"null",["EmptyRef",1902],{"isMobile":1905,"isBottom":1907,"nowTime":1908,"isImmersion":1910,"messageCount":1911,"pageAction":1913,"showHeaderNotice":1914,"showHeaderFriendship":1915,"noticeLinePopup":1916,"isArticlePage":1917},["EmptyRef",1906],"false",["EmptyRef",1906],["Ref",1909],1767909724079,["EmptyRef",1906],["EmptyRef",1912],"0",["EmptyRef",1902],["EmptyRef",1906],["EmptyRef",1906],["EmptyRef",1906],["EmptyRef",1906]]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{siteUrl:"https://www.infoq.cn","nuxt-scripts":{version:"",defaultScriptOptions:{trigger:"onNuxtReady"}},device:{defaultUserAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Safari/537.36",enabled:true,refreshOnResize:false}},app:{baseURL:"/",buildId:"2eef5871-6629-467d-b730-90a15e399a93",buildAssetsDir:"static/web/nuxt/www.infoq.cn",cdnURL:"https://static001.geekbang.org"}}</script></body></html>