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 © 2025, 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":836,"path":1898,"pinia":1899},["ShallowReactive",3],{"navConfig":4,"headerMenuList":731,"articleDetail":829},{"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","研究中心",[732,737,744,749,756,762,768,775,780,786,792,797],{"id":733,"pid":7,"name":734,"url":701,"icon":6,"corner_mark":735,"sort":15,"children":736},1038,{"type":15,"text":702,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},[],{"id":738,"pid":7,"name":739,"url":704,"icon":6,"corner_mark":740,"sort":741,"children":743},1039,{"type":15,"text":705,"icon":6,"alt":6},{"type":741,"text":742,"icon":6},2,"hot",[],{"id":745,"pid":7,"name":746,"url":707,"icon":6,"corner_mark":747,"sort":311,"children":748},1040,{"type":15,"text":708,"icon":6,"alt":6},{"type":741,"text":742,"icon":6},[],{"id":750,"pid":7,"name":751,"url":752,"icon":6,"corner_mark":753,"sort":754,"children":755},1041,{"type":15,"text":711,"icon":6,"alt":6},"https://agicamp.com/?utm_source=infoqbar",{"type":741,"text":742,"icon":6},4,[],{"id":757,"pid":7,"name":758,"url":720,"icon":6,"corner_mark":759,"sort":760,"children":761},1045,{"type":15,"text":721,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},5,[],{"id":763,"pid":7,"name":764,"url":716,"icon":6,"corner_mark":765,"sort":766,"children":767},1043,{"type":15,"text":265,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},6,[],{"id":769,"pid":7,"name":770,"url":403,"icon":6,"corner_mark":771,"sort":773,"children":774},1053,{"type":15,"text":62,"icon":6,"alt":6},{"type":741,"text":772,"icon":6},"new",7,[],{"id":776,"pid":7,"name":777,"url":723,"icon":6,"corner_mark":778,"sort":176,"children":779},1046,{"type":15,"text":724,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},[],{"id":781,"pid":7,"name":782,"url":713,"icon":6,"corner_mark":783,"sort":784,"children":785},1042,{"type":15,"text":714,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},9,[],{"id":787,"pid":7,"name":788,"url":726,"icon":6,"corner_mark":789,"sort":790,"children":791},1047,{"type":15,"text":727,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},10,[],{"id":793,"pid":7,"name":794,"url":729,"icon":6,"corner_mark":795,"sort":255,"children":796},1048,{"type":15,"text":730,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},[],{"id":798,"pid":7,"name":799,"url":467,"icon":6,"corner_mark":800,"sort":157,"children":801},1044,{"type":15,"text":718,"icon":6,"alt":6},{"type":741,"text":742,"icon":6},[802,808,815,822],{"id":803,"pid":798,"name":804,"url":467,"icon":6,"corner_mark":806,"sort":15,"children":807},1049,{"type":15,"text":805,"icon":6,"alt":6},"微众银行 · 深圳国际金融科技大赛",{"type":7,"text":6,"icon":6},[],{"id":809,"pid":798,"name":810,"url":812,"icon":6,"corner_mark":813,"sort":741,"children":814},1050,{"type":15,"text":811,"icon":6,"alt":6},"亚马逊云科技 · 1000 AIdea 应用计划","https://www.infoq.cn/zones/1000aidea/#schedule",{"type":7,"text":6,"icon":6},[],{"id":816,"pid":798,"name":817,"url":819,"icon":6,"corner_mark":820,"sort":311,"children":821},1051,{"type":15,"text":818,"icon":6,"alt":6},"微软 · AI 开发者挑战赛","https://www.infoq.cn/zones/microsoftai/",{"type":7,"text":6,"icon":6},[],{"id":823,"pid":798,"name":824,"url":826,"icon":6,"corner_mark":827,"sort":754,"children":828},1052,{"type":15,"text":825,"icon":6,"alt":6},"InfoQ · 大模型技术应用创新大赛","https://www.infoq.cn/zones/geekathon2023",{"type":7,"text":6,"icon":6},[],{"authorData":830,"id":838,"aid":839,"aidint":840,"type":15,"views":841,"uuid":842,"status":15,"publish_time":843,"ctime":844,"utime":844,"vid":6,"source":15,"sub_status":7,"ip_address":6,"score":843,"article_title":845,"article_sharetitle":845,"article_subtitle":6,"article_summary":846,"article_cover":847,"article_cover_point":848,"author":837,"translator":849,"planner":855,"topic":861,"is_collect":880,"no_author":6,"is_promotion":880,"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":881,"out_id":120,"word_count":882,"front_type":15,"content_short":6,"is_fill_info":7,"content":883,"ebook":1884,"love":15,"is_love":880,"copyright":15,"lead_author":7,"ppt_url":6,"publisher":1885,"definition":120,"read_status":7,"collect":741,"checker":120,"outlines":120,"content_url":1886,"themes":1887,"audio_status":7,"audio_url":6,"audio_size":7,"ebook_type":7,"video":1888,"topicIdsMustBeSelected":1889,"topicNamesMustBeSelected":1890,"themeIds":1891,"themeNames":1892},{"uid":831,"nickname":832,"avatar":6,"active":15,"is_early":7,"ucode":833,"uri":834,"author_type":7,"vip":7,"authorLabel":835,"isAuthor":836,"list":837},3009494,"Yong Cui","0CE5A563E9CE0A","/profile/0CE5A563E9CE0A/","作者",true,[830],160494,"161044",161044,18853,"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}",[850],{"uid":851,"nickname":852,"avatar":6,"active":15,"is_early":7,"ucode":853,"uri":854,"author_type":7,"vip":7},1368875,"平川","4D6E74F678F49C","/profile/4D6E74F678F49C/",[856],{"uid":857,"nickname":858,"avatar":6,"active":15,"is_early":7,"ucode":859,"uri":860,"author_type":7,"vip":7},1439149,"邓艳琴","D459E9DD515679","/profile/D459E9DD515679/",[862,863,866,867,870,874,877,878,879],{"id":284,"name":285,"alias":6,"type":741},{"id":15,"name":864,"alias":865,"type":15},"语言 & 开发","development",{"id":130,"name":131,"alias":132,"type":15},{"id":868,"name":869,"alias":869,"type":15},1121,"GMTC",{"id":871,"name":872,"alias":873,"type":741},50,"Python","python",{"id":875,"name":876,"alias":6,"type":741},1151,"Web",{"id":168,"name":169,"alias":6,"type":741},{"id":149,"name":150,"alias":6,"type":15},{"id":176,"name":177,"alias":154,"type":15},false,[],2422,{"type":884,"content":885},"doc",[886,896,907,928,935,950,957,965,974,1031,1038,1058,1060,1071,1073,1079,1089,1096,1104,1198,1205,1213,1215,1221,1223,1229,1239,1246,1254,1262,1293,1300,1308,1310,1316,1318,1324,1334,1341,1372,1379,1385,1428,1436,1467,1469,1475,1477,1483,1493,1500,1508,1599,1606,1632,1634,1640,1642,1648,1658,1665,1684,1692,1694,1702,1709,1729,1731,1737,1739,1745,1755,1762,1792,1800,1802,1810,1817,1825,1832,1840,1847,1855,1857,1868,1870],{"type":887,"content":888},"blockquote",[889],{"type":890,"attrs":891,"content":892},"paragraph",{"indent":7,"number":7,"align":120,"origin":120},[893],{"type":894,"text":895},"text","这是下一个大事件吗?如果继续发展下去,有可能。",{"type":890,"attrs":897,"content":898},{"indent":7,"number":7,"align":120,"origin":120},[899],{"type":894,"marks":900,"text":906},[901],{"type":902,"attrs":903},"color",{"color":904,"name":905},"#494949","user"," ",{"type":890,"attrs":908,"content":909},{"indent":7,"number":7,"align":120,"origin":120},[910,915,923],{"type":894,"marks":911,"text":914},[912],{"type":902,"attrs":913},{"color":904,"name":905},"在 2022年PyCon 美国大会期间,作为主题演讲嘉宾之一的 Peter Wang 公布了 ",{"type":916,"attrs":917,"content":920},"link",{"href":918,"title":919,"type":120},"https://github.com/pyscript/pyscript","xxx",[921],{"type":894,"text":922},"PyScript",{"type":894,"marks":924,"text":927},[925],{"type":902,"attrs":926},{"color":904,"name":905},",一种在 HTML 中直接编写 Python 脚本的方法。或许你不知道 Peter,但你可能听说过 Anaconda,这是一种流行的开源的 Python 和 R 语言的发行版本,特别关注数据科学。Peter 正是 Anaconda 的 CEO 和联合创始人。",{"type":890,"attrs":929,"content":930},{"indent":7,"number":7,"align":120,"origin":120},[931],{"type":894,"marks":932,"text":906},[933],{"type":902,"attrs":934},{"color":904,"name":905},{"type":890,"attrs":936,"content":937},{"indent":7,"number":7,"align":120,"origin":120},[938,943,945],{"type":894,"marks":939,"text":942},[940],{"type":902,"attrs":941},{"color":904,"name":905},"换言之,PyScript 是由一家著名的科技公司开发的,这可能会保证它在不久的将来成为可行的方案。它在 Python 和 Web 开发者中受到了极大的关注,",{"type":894,"text":944},"GitHub",{"type":894,"marks":946,"text":949},[947],{"type":902,"attrs":948},{"color":904,"name":905}," 上已有超过 10k 颗 Stars。然而,它是否能成为一个成功的、有竞争力的产品,取决于长期的时间和开发投入。目前,它还有一些已知的缺陷(将在最后讨论)。",{"type":890,"attrs":951,"content":952},{"indent":7,"number":7,"align":120,"origin":120},[953],{"type":894,"marks":954,"text":906},[955],{"type":902,"attrs":956},{"color":904,"name":905},{"type":890,"attrs":958,"content":959},{"indent":7,"number":7,"align":120,"origin":120},[960],{"type":894,"marks":961,"text":964},[962],{"type":902,"attrs":963},{"color":904,"name":905},"闲话少说,让我们快速了解一下这个令人振奋的产品吧!",{"type":966,"attrs":967,"content":968},"heading",{"align":120,"level":15},[969],{"type":894,"marks":970,"text":973},[971],{"type":902,"attrs":972},{"color":904,"name":905},"py-script标签",{"type":890,"attrs":975,"content":976},{"indent":7,"number":7,"align":120,"origin":120},[977,982,990,995,1002,1007,1014,1019,1026],{"type":894,"marks":978,"text":981},[979],{"type":902,"attrs":980},{"color":904,"name":905},"我们知道,HTML 文件是大多数网站最常见的元素。在创建网站时,我们的工作就是直接或间接地通过一些框架来编制 HTML 文件。在典型的 HTML 文件中,你会看到各种类型的标签。例如,",{"type":983,"content":984,"marks":987},"codeinline",[985],{"type":894,"text":986},"\u003Chead>",[988],{"type":902,"attrs":989},{"color":904,"name":905},{"type":894,"marks":991,"text":994},[992],{"type":902,"attrs":993},{"color":904,"name":905},"定义了HTML页面的元数据和关键信息,",{"type":983,"content":996,"marks":999},[997],{"type":894,"text":998},"\u003Ctitle>",[1000],{"type":902,"attrs":1001},{"color":904,"name":905},{"type":894,"marks":1003,"text":1006},[1004],{"type":902,"attrs":1005},{"color":904,"name":905},"是整个文档的标题,而",{"type":983,"content":1008,"marks":1011},[1009],{"type":894,"text":1010},"\u003Ch1>",[1012],{"type":902,"attrs":1013},{"color":904,"name":905},{"type":894,"marks":1015,"text":1018},[1016],{"type":902,"attrs":1017},{"color":904,"name":905},"、",{"type":983,"content":1020,"marks":1023},[1021],{"type":894,"text":1022},"\u003Ch2>",[1024],{"type":902,"attrs":1025},{"color":904,"name":905},{"type":894,"marks":1027,"text":1030},[1028],{"type":902,"attrs":1029},{"color":904,"name":905},"等定义了不同级别的内容标题。",{"type":890,"attrs":1032,"content":1033},{"indent":7,"number":7,"align":120,"origin":120},[1034],{"type":894,"marks":1035,"text":906},[1036],{"type":902,"attrs":1037},{"color":904,"name":905},{"type":890,"attrs":1039,"content":1040},{"indent":7,"number":7,"align":120,"origin":120},[1041,1046,1053],{"type":894,"marks":1042,"text":1045},[1043],{"type":902,"attrs":1044},{"color":904,"name":905},"如前所述,PyScript 允许你在 HTML 中编写Python脚本,它使用一个特殊的标签",{"type":983,"content":1047,"marks":1050},[1048],{"type":894,"text":1049},"py-script",[1051],{"type":902,"attrs":1052},{"color":904,"name":905},{"type":894,"marks":1054,"text":1057},[1055],{"type":902,"attrs":1056},{"color":904,"name":905},"。在这个标签中,你可以嵌入 Python 脚本。要了解它是如何工作的,可以创建一个 HTML 文件,其中包含以下代码,并使用 Chrome 浏览器打开该文件。在 Chrome 浏览器中,你应该能够看到类似下面这样的内容:",{"type":890,"attrs":1059},{"indent":7,"number":7,"align":120,"origin":120},{"type":1061,"attrs":1062},"image",{"src":1063,"alt":120,"title":120,"style":1064,"href":120,"fromPaste":836,"pastePass":836},"https://static001.geekbang.org/infoq/b7/b7cf3649eb920dfd76b246074c54a8f0.png",[1065,1068],{"key":1066,"value":1067},"width","75%",{"key":1069,"value":1070},"bordertype","none",{"type":890,"attrs":1072},{"indent":7,"number":7,"align":120,"origin":120},{"type":1061,"attrs":1074},{"src":1075,"alt":120,"title":120,"style":1076,"href":120,"fromPaste":836,"pastePass":836},"https://static001.geekbang.org/infoq/d1/d1c8a6e49c89d1695ab45b26f726d77e.png",[1077,1078],{"key":1066,"value":1067},{"key":1069,"value":1070},{"type":890,"attrs":1080,"content":1082},{"indent":7,"number":7,"align":1081,"origin":120},"center",[1083],{"type":894,"marks":1084,"text":1088},[1085],{"type":1086,"attrs":1087},"size",{"size":784},"作者截图",{"type":890,"attrs":1090,"content":1091},{"indent":7,"number":7,"align":120,"origin":120},[1092],{"type":894,"marks":1093,"text":906},[1094],{"type":902,"attrs":1095},{"color":904,"name":905},{"type":890,"attrs":1097,"content":1098},{"indent":7,"number":7,"align":120,"origin":120},[1099],{"type":894,"marks":1100,"text":1103},[1101],{"type":902,"attrs":1102},{"color":904,"name":905},"在上面的代码片段中,你可能已经注意到以下三个关键点:",{"type":1105,"content":1106},"bulletedlist",[1107,1132,1170],{"type":1108,"attrs":1109,"content":1110},"listitem",{"listStyle":120},[1111],{"type":890,"attrs":1112,"content":1113},{"indent":7,"number":7,"align":120,"origin":120},[1114,1121,1123,1130],{"type":983,"content":1115,"marks":1117},[1116],{"type":894,"text":916},[1118],{"type":902,"attrs":1119},{"color":1120,"name":905},"#292929",{"type":894,"text":1122},"标签定义了一个外部样式表。在这个例子中,我们使用了 PyScript 提供的",{"type":983,"content":1124,"marks":1127},[1125],{"type":894,"text":1126},"css",[1128],{"type":902,"attrs":1129},{"color":1120,"name":905},{"type":894,"text":1131},"文件。",{"type":1108,"attrs":1133,"content":1134},{"listStyle":120},[1135],{"type":890,"attrs":1136,"content":1137},{"indent":7,"number":7,"align":120,"origin":120},[1138,1143,1150,1152,1159,1161,1168],{"type":894,"marks":1139,"text":1142},[1140],{"type":902,"attrs":1141},{"color":904,"name":905},"我们使用",{"type":983,"content":1144,"marks":1147},[1145],{"type":894,"text":1146},"script",[1148],{"type":902,"attrs":1149},{"color":1120,"name":905},{"type":894,"text":1151},"标签来嵌入一个由",{"type":983,"content":1153,"marks":1156},[1154],{"type":894,"text":1155},"src",[1157],{"type":902,"attrs":1158},{"color":1120,"name":905},{"type":894,"text":1160},"定义、由 PyScript 托管的外部脚本。我们使用了",{"type":983,"content":1162,"marks":1165},[1163],{"type":894,"text":1164},"defer",[1166],{"type":902,"attrs":1167},{"color":1120,"name":905},{"type":894,"text":1169},",这样脚本会在下载和页面解析完成后执行——本质上是一种延迟执行,而不是实时执行。",{"type":1108,"attrs":1171,"content":1172},{"listStyle":120},[1173],{"type":890,"attrs":1174,"content":1175},{"indent":7,"number":7,"align":120,"origin":120},[1176,1181,1187,1189,1196],{"type":894,"marks":1177,"text":1180},[1178],{"type":902,"attrs":1179},{"color":904,"name":905},"最有趣的部分是",{"type":983,"content":1182,"marks":1184},[1183],{"type":894,"text":1049},[1185],{"type":902,"attrs":1186},{"color":1120,"name":905},{"type":894,"text":1188},"标签。如你所见,",{"type":983,"content":1190,"marks":1193},[1191],{"type":894,"text":1192},"print(\"Hello, World!\")",[1194],{"type":902,"attrs":1195},{"color":1120,"name":905},{"type":894,"text":1197},"是 Python 代码。当执行 HTML 文件时,就可以看到代码求值结果。",{"type":890,"attrs":1199,"content":1200},{"indent":7,"number":7,"align":120,"origin":120},[1201],{"type":894,"marks":1202,"text":906},[1203],{"type":902,"attrs":1204},{"color":904,"name":905},{"type":890,"attrs":1206,"content":1207},{"indent":7,"number":7,"align":120,"origin":120},[1208],{"type":894,"marks":1209,"text":1212},[1210],{"type":902,"attrs":1211},{"color":904,"name":905},"这很酷,不是吗?如果你不熟悉 Web 开发,但了解 Python,就可以使用 PyScript 嵌入任何有效的 Python 代码。让我们再看一个例子。",{"type":890,"attrs":1214},{"indent":7,"number":7,"align":120,"origin":120},{"type":1061,"attrs":1216},{"src":1217,"alt":120,"title":120,"style":1218,"href":120,"fromPaste":836,"pastePass":836},"https://static001.geekbang.org/infoq/80/80c04d7afe33fd0f4d34f391847a8e75.png",[1219,1220],{"key":1066,"value":1067},{"key":1069,"value":1070},{"type":890,"attrs":1222},{"indent":7,"number":7,"align":120,"origin":120},{"type":1061,"attrs":1224},{"src":1225,"alt":120,"title":120,"style":1226,"href":120,"fromPaste":836,"pastePass":836},"https://static001.geekbang.org/infoq/ff/ff83f9e4bfead1f156366ce957063170.png",[1227,1228],{"key":1066,"value":1067},{"key":1069,"value":1070},{"type":890,"attrs":1230,"content":1231},{"indent":7,"number":7,"align":1081,"origin":120},[1232],{"type":894,"marks":1233,"text":1238},[1234,1236],{"type":1086,"attrs":1235},{"size":784},{"type":902,"attrs":1237},{"color":904,"name":905},"另一个PyScript示例(图片由作者提供)",{"type":890,"attrs":1240,"content":1241},{"indent":7,"number":7,"align":120,"origin":120},[1242],{"type":894,"marks":1243,"text":906},[1244],{"type":902,"attrs":1245},{"color":904,"name":905},{"type":890,"attrs":1247,"content":1248},{"indent":7,"number":7,"align":120,"origin":120},[1249],{"type":894,"marks":1250,"text":1253},[1251],{"type":902,"attrs":1252},{"color":904,"name":905},"在这里,我们写了一些需要计算的代码,可以看到,脚本得到了正确的执行。",{"type":966,"attrs":1255,"content":1256},{"align":120,"level":15},[1257],{"type":894,"marks":1258,"text":1261},[1259],{"type":902,"attrs":1260},{"color":904,"name":905},"py-env标签",{"type":890,"attrs":1263,"content":1264},{"indent":7,"number":7,"align":120,"origin":120},[1265,1270,1277,1282,1288],{"type":894,"marks":1266,"text":1269},[1267],{"type":902,"attrs":1268},{"color":904,"name":905},"在编写更复杂的代码时,就需要使用第三方库。在这种情况下,我们可以利用",{"type":983,"content":1271,"marks":1274},[1272],{"type":894,"text":1273},"py-env",[1275],{"type":902,"attrs":1276},{"color":904,"name":905},{"type":894,"marks":1278,"text":1281},[1279],{"type":902,"attrs":1280},{"color":904,"name":905},"标签。你可能已经猜到的,env 是 environment 的缩写。",{"type":983,"content":1283,"marks":1285},[1284],{"type":894,"text":1273},[1286],{"type":902,"attrs":1287},{"color":904,"name":905},{"type":894,"marks":1289,"text":1292},[1290],{"type":902,"attrs":1291},{"color":904,"name":905},"标签中列出了运行代码所需的 Python 包。",{"type":890,"attrs":1294,"content":1295},{"indent":7,"number":7,"align":120,"origin":120},[1296],{"type":894,"marks":1297,"text":906},[1298],{"type":902,"attrs":1299},{"color":904,"name":905},{"type":890,"attrs":1301,"content":1302},{"indent":7,"number":7,"align":120,"origin":120},[1303],{"type":894,"marks":1304,"text":1307},[1305],{"type":902,"attrs":1306},{"color":904,"name":905},"你可能知道,许多数据科学家都使用 pandas 进行数据处理工作。让我们看看下面的例子。",{"type":890,"attrs":1309},{"indent":7,"number":7,"align":120,"origin":120},{"type":1061,"attrs":1311},{"src":1312,"alt":120,"title":120,"style":1313,"href":120,"fromPaste":836,"pastePass":836},"https://static001.geekbang.org/infoq/81/81a2e07ff71a317924c7664120862b6e.png",[1314,1315],{"key":1066,"value":1067},{"key":1069,"value":1070},{"type":890,"attrs":1317},{"indent":7,"number":7,"align":120,"origin":120},{"type":1061,"attrs":1319},{"src":1320,"alt":120,"title":120,"style":1321,"href":120,"fromPaste":836,"pastePass":836},"https://static001.geekbang.org/infoq/df/df79380011e061d1030cfe721b89989b.png",[1322,1323],{"key":1066,"value":1067},{"key":1069,"value":1070},{"type":890,"attrs":1325,"content":1326},{"indent":7,"number":7,"align":1081,"origin":120},[1327],{"type":894,"marks":1328,"text":1333},[1329,1331],{"type":1086,"attrs":1330},{"size":784},{"type":902,"attrs":1332},{"color":904,"name":905},"使用包的PyScript(图片由作者提供)",{"type":890,"attrs":1335,"content":1336},{"indent":7,"number":7,"align":120,"origin":120},[1337],{"type":894,"marks":1338,"text":906},[1339],{"type":902,"attrs":1340},{"color":904,"name":905},{"type":890,"attrs":1342,"content":1343},{"indent":7,"number":7,"align":120,"origin":120},[1344,1349,1355,1360,1367],{"type":894,"marks":1345,"text":1348},[1346],{"type":902,"attrs":1347},{"color":904,"name":905},"如你所见,我们在",{"type":983,"content":1350,"marks":1352},[1351],{"type":894,"text":1273},[1353],{"type":902,"attrs":1354},{"color":904,"name":905},{"type":894,"marks":1356,"text":1359},[1357],{"type":902,"attrs":1358},{"color":904,"name":905},"标签中指定了依赖项(即 Pandas),该标签包含在",{"type":983,"content":1361,"marks":1364},[1362],{"type":894,"text":1363},"head",[1365],{"type":902,"attrs":1366},{"color":904,"name":905},{"type":894,"marks":1368,"text":1371},[1369],{"type":902,"attrs":1370},{"color":904,"name":905},"标签中。如果页面需要多个依赖项,可以在这里把它们全部列出:",{"type":890,"attrs":1373,"content":1374},{"indent":7,"number":7,"align":120,"origin":120},[1375],{"type":894,"marks":1376,"text":906},[1377],{"type":902,"attrs":1378},{"color":904,"name":905},{"type":1380,"attrs":1381,"content":1382},"codeblock",{"lang":120},[1383],{"type":894,"text":1384},"\u003Cpy-env>\n - pandas\n - matplotlib\n - numpy\n\u003C/py-env>",{"type":890,"attrs":1386,"content":1387},{"indent":7,"number":7,"align":120,"origin":120},[1388,1393,1399,1404,1411,1416,1423],{"type":894,"marks":1389,"text":1392},[1390],{"type":902,"attrs":1391},{"color":904,"name":905},"如你所见,在",{"type":983,"content":1394,"marks":1396},[1395],{"type":894,"text":1049},[1397],{"type":902,"attrs":1398},{"color":904,"name":905},{"type":894,"marks":1400,"text":1403},[1401],{"type":902,"attrs":1402},{"color":904,"name":905},"标签中,我们确实可以使用 Pandas 库来创建一个",{"type":983,"content":1405,"marks":1408},[1406],{"type":894,"text":1407},"DataFrame",[1409],{"type":902,"attrs":1410},{"color":904,"name":905},{"type":894,"marks":1412,"text":1415},[1413],{"type":902,"attrs":1414},{"color":904,"name":905},"对象。然而,当我们把打印出来时就会发现,它是一个单行,而不是一个结构化的数据表。没有一个适当的结构,我们就无法理解这些数据。幸运的是,我们可以使用",{"type":983,"content":1417,"marks":1420},[1418],{"type":894,"text":1419},"write",[1421],{"type":902,"attrs":1422},{"color":904,"name":905},{"type":894,"marks":1424,"text":1427},[1425],{"type":902,"attrs":1426},{"color":904,"name":905},"函数(下文会讨论)。",{"type":966,"attrs":1429,"content":1430},{"align":120,"level":15},[1431],{"type":894,"marks":1432,"text":1435},[1433],{"type":902,"attrs":1434},{"color":904,"name":905},"将内容写入指定标签",{"type":890,"attrs":1437,"content":1438},{"indent":7,"number":7,"align":120,"origin":120},[1439,1444,1451,1456,1462],{"type":894,"marks":1440,"text":1443},[1441],{"type":902,"attrs":1442},{"color":904,"name":905},"除了Python中的标准打印函数",{"type":983,"content":1445,"marks":1448},[1446],{"type":894,"text":1447},"print",[1449],{"type":902,"attrs":1450},{"color":904,"name":905},{"type":894,"marks":1452,"text":1455},[1453],{"type":902,"attrs":1454},{"color":904,"name":905},",作为脚本的一部分,PyScript有自己的",{"type":983,"content":1457,"marks":1459},[1458],{"type":894,"text":1419},[1460],{"type":902,"attrs":1461},{"color":904,"name":905},{"type":894,"marks":1463,"text":1466},[1464],{"type":902,"attrs":1465},{"color":904,"name":905},"函数,可以将数据发送到页面上指定的Web元素中。请看下面的例子:",{"type":890,"attrs":1468},{"indent":7,"number":7,"align":120,"origin":120},{"type":1061,"attrs":1470},{"src":1471,"alt":120,"title":120,"style":1472,"href":120,"fromPaste":836,"pastePass":836},"https://static001.geekbang.org/infoq/54/548175e28244c2b86e5b35db19bdf9ff.png",[1473,1474],{"key":1066,"value":1067},{"key":1069,"value":1070},{"type":890,"attrs":1476},{"indent":7,"number":7,"align":120,"origin":120},{"type":1061,"attrs":1478},{"src":1479,"alt":120,"title":120,"style":1480,"href":120,"fromPaste":836,"pastePass":836},"https://static001.geekbang.org/infoq/f6/f612d73015a7a21224b20561347bf3b2.png",[1481,1482],{"key":1066,"value":1067},{"key":1069,"value":1070},{"type":890,"attrs":1484,"content":1485},{"indent":7,"number":7,"align":1081,"origin":120},[1486],{"type":894,"marks":1487,"text":1492},[1488,1490],{"type":1086,"attrs":1489},{"size":784},{"type":902,"attrs":1491},{"color":904,"name":905},"PyScript 写函数 write(图片由作者提供)",{"type":890,"attrs":1494,"content":1495},{"indent":7,"number":7,"align":120,"origin":120},[1496],{"type":894,"marks":1497,"text":906},[1498],{"type":902,"attrs":1499},{"color":904,"name":905},{"type":890,"attrs":1501,"content":1502},{"indent":7,"number":7,"align":120,"origin":120},[1503],{"type":894,"marks":1504,"text":1507},[1505],{"type":902,"attrs":1506},{"color":904,"name":905},"与之前的例子相比,上述代码片段有两个重大变化:",{"type":1105,"content":1509},[1510,1539],{"type":1108,"attrs":1511,"content":1512},{"listStyle":120},[1513],{"type":890,"attrs":1514,"content":1515},{"indent":7,"number":7,"align":120,"origin":120},[1516,1521,1528,1530,1537],{"type":894,"marks":1517,"text":1520},[1518],{"type":902,"attrs":1519},{"color":904,"name":905},"我们现在定义了一个 id 为",{"type":983,"content":1522,"marks":1525},[1523],{"type":894,"text":1524},"\"DataFrame\"",[1526],{"type":902,"attrs":1527},{"color":1120,"name":905},{"type":894,"text":1529},"的",{"type":983,"content":1531,"marks":1534},[1532],{"type":894,"text":1533},"div",[1535],{"type":902,"attrs":1536},{"color":1120,"name":905},{"type":894,"text":1538},",这样稍后就可以引用。",{"type":1108,"attrs":1540,"content":1541},{"listStyle":120},[1542],{"type":890,"attrs":1543,"content":1544},{"indent":7,"number":7,"align":120,"origin":120},[1545,1550,1556,1558,1564,1566,1572,1574,1581,1583,1589,1591,1597],{"type":894,"marks":1546,"text":1549},[1547],{"type":902,"attrs":1548},{"color":904,"name":905},"在",{"type":983,"content":1551,"marks":1553},[1552],{"type":894,"text":1049},[1554],{"type":902,"attrs":1555},{"color":1120,"name":905},{"type":894,"text":1557},"标签中,我们创建一个与之前相同的",{"type":983,"content":1559,"marks":1561},[1560],{"type":894,"text":1407},[1562],{"type":902,"attrs":1563},{"color":1120,"name":905},{"type":894,"text":1565},"对象。但现在,我们不是调用",{"type":983,"content":1567,"marks":1569},[1568],{"type":894,"text":1447},[1570],{"type":902,"attrs":1571},{"color":1120,"name":905},{"type":894,"text":1573},",而是调用",{"type":983,"content":1575,"marks":1578},[1576],{"type":894,"text":1577},"pyscript.write",[1579],{"type":902,"attrs":1580},{"color":1120,"name":905},{"type":894,"text":1582},"函数,请求 PyScript 处理并在",{"type":983,"content":1584,"marks":1586},[1585],{"type":894,"text":1524},[1587],{"type":902,"attrs":1588},{"color":1120,"name":905},{"type":894,"text":1590},"中显示",{"type":983,"content":1592,"marks":1594},[1593],{"type":894,"text":1407},[1595],{"type":902,"attrs":1596},{"color":1120,"name":905},{"type":894,"text":1598},"对象。从输出可以看到,我们现在有一个结构化的表格了。",{"type":890,"attrs":1600,"content":1601},{"indent":7,"number":7,"align":120,"origin":120},[1602],{"type":894,"marks":1603,"text":906},[1604],{"type":902,"attrs":1605},{"color":904,"name":905},{"type":890,"attrs":1607,"content":1608},{"indent":7,"number":7,"align":120,"origin":120},[1609,1615,1620,1627],{"type":983,"content":1610,"marks":1612},[1611],{"type":894,"text":1419},[1613],{"type":902,"attrs":1614},{"color":904,"name":905},{"type":894,"marks":1616,"text":1619},[1617],{"type":902,"attrs":1618},{"color":904,"name":905},"函数不仅能够打印表格,还能够打印数字。下面的例子向你展示了我们如何使用",{"type":983,"content":1621,"marks":1624},[1622],{"type":894,"text":1623},"matplotlib",[1625],{"type":902,"attrs":1626},{"color":904,"name":905},{"type":894,"marks":1628,"text":1631},[1629],{"type":902,"attrs":1630},{"color":904,"name":905},"(一个流行的Python包,用于数据可视化)来显示由 Python 创建的图。",{"type":890,"attrs":1633},{"indent":7,"number":7,"align":120,"origin":120},{"type":1061,"attrs":1635},{"src":1636,"alt":120,"title":120,"style":1637,"href":120,"fromPaste":836,"pastePass":836},"https://static001.geekbang.org/infoq/67/67aa8e871dffbace046e760e4249ec4d.png",[1638,1639],{"key":1066,"value":1067},{"key":1069,"value":1070},{"type":890,"attrs":1641},{"indent":7,"number":7,"align":120,"origin":120},{"type":1061,"attrs":1643},{"src":1644,"alt":120,"title":120,"style":1645,"href":120,"fromPaste":836,"pastePass":836},"https://static001.geekbang.org/infoq/9c/9c5c42ab5a569023ab63df58dfbedcab.png",[1646,1647],{"key":1066,"value":1067},{"key":1069,"value":1070},{"type":890,"attrs":1649,"content":1650},{"indent":7,"number":7,"align":1081,"origin":120},[1651],{"type":894,"marks":1652,"text":1657},[1653,1655],{"type":1086,"attrs":1654},{"size":784},{"type":902,"attrs":1656},{"color":904,"name":905},"PyScript打印图(图片由作者提供)",{"type":890,"attrs":1659,"content":1660},{"indent":7,"number":7,"align":120,"origin":120},[1661],{"type":894,"marks":1662,"text":906},[1663],{"type":902,"attrs":1664},{"color":904,"name":905},{"type":890,"attrs":1666,"content":1667},{"indent":7,"number":7,"align":120,"origin":120},[1668,1673,1679],{"type":894,"marks":1669,"text":1672},[1670],{"type":902,"attrs":1671},{"color":904,"name":905},"如你所见,",{"type":983,"content":1674,"marks":1676},[1675],{"type":894,"text":1419},[1677],{"type":902,"attrs":1678},{"color":904,"name":905},{"type":894,"marks":1680,"text":1683},[1681],{"type":902,"attrs":1682},{"color":904,"name":905}," 函数以期望的方式显示了图。",{"type":966,"attrs":1685,"content":1686},{"align":120,"level":15},[1687],{"type":894,"marks":1688,"text":1691},[1689],{"type":902,"attrs":1690},{"color":904,"name":905},"py-repl标签",{"type":890,"attrs":1693},{"indent":7,"number":7,"align":120,"origin":120},{"type":890,"attrs":1695,"content":1696},{"indent":7,"number":7,"align":120,"origin":120},[1697],{"type":894,"marks":1698,"text":1701},[1699],{"type":902,"attrs":1700},{"color":904,"name":905},"Python 学习的最好方法之一是使用 REPL:读取(Read)、求值(Evaluate)、打印(Print)和循环(Loop)。也就是说,使用一个交互式的 Python 控制台,输入一些代码,Python 对其进行求值并打印适当的输出,然后重复这个过程。Web 页面也可以提供这样的 REPL 环境,比如 Jupyter Notebook。",{"type":890,"attrs":1703,"content":1704},{"indent":7,"number":7,"align":120,"origin":120},[1705],{"type":894,"marks":1706,"text":906},[1707],{"type":902,"attrs":1708},{"color":904,"name":905},{"type":890,"attrs":1710,"content":1711},{"indent":7,"number":7,"align":120,"origin":120},[1712,1717,1724],{"type":894,"marks":1713,"text":1716},[1714],{"type":902,"attrs":1715},{"color":904,"name":905},"PyScript 可以使用",{"type":983,"content":1718,"marks":1721},[1719],{"type":894,"text":1720},"py-repl",[1722],{"type":902,"attrs":1723},{"color":904,"name":905},{"type":894,"marks":1725,"text":1728},[1726],{"type":902,"attrs":1727},{"color":904,"name":905},"标签提供与此类似的东西。在这个元素中,你可以让用户自己编写代码,也可以以编程方式输入代码。请看下面的例子:",{"type":890,"attrs":1730},{"indent":7,"number":7,"align":120,"origin":120},{"type":1061,"attrs":1732},{"src":1733,"alt":120,"title":120,"style":1734,"href":120,"fromPaste":836,"pastePass":836},"https://static001.geekbang.org/infoq/b6/b66645cc4bc41c399659afaff9f3d7ee.png",[1735,1736],{"key":1066,"value":1067},{"key":1069,"value":1070},{"type":890,"attrs":1738},{"indent":7,"number":7,"align":120,"origin":120},{"type":1061,"attrs":1740},{"src":1741,"alt":120,"title":120,"style":1742,"href":120,"fromPaste":836,"pastePass":836},"https://static001.geekbang.org/infoq/a7/a716f3728f2d077ead11eab508d64477.png",[1743,1744],{"key":1066,"value":1067},{"key":1069,"value":1070},{"type":890,"attrs":1746,"content":1747},{"indent":7,"number":7,"align":1081,"origin":120},[1748],{"type":894,"marks":1749,"text":1754},[1750,1752],{"type":1086,"attrs":1751},{"size":784},{"type":902,"attrs":1753},{"color":904,"name":905},"PyScript REPL(图片由作者提供)",{"type":890,"attrs":1756,"content":1757},{"indent":7,"number":7,"align":120,"origin":120},[1758],{"type":894,"marks":1759,"text":906},[1760],{"type":902,"attrs":1761},{"color":904,"name":905},{"type":890,"attrs":1763,"content":1764},{"indent":7,"number":7,"align":120,"origin":120},[1765,1770,1776,1781,1787],{"type":894,"marks":1766,"text":1769},[1767],{"type":902,"attrs":1768},{"color":904,"name":905},"如你所见,上图中有一个单元格,其中包括在",{"type":983,"content":1771,"marks":1773},[1772],{"type":894,"text":1720},[1774],{"type":902,"attrs":1775},{"color":904,"name":905},{"type":894,"marks":1777,"text":1780},[1778],{"type":902,"attrs":1779},{"color":904,"name":905},"标签中指定的代码。值得注意的是,单元格中的代码可以引用我们之前在",{"type":983,"content":1782,"marks":1784},[1783],{"type":894,"text":1049},[1785],{"type":902,"attrs":1786},{"color":904,"name":905},{"type":894,"marks":1788,"text":1791},[1789],{"type":902,"attrs":1790},{"color":904,"name":905},"标签中定义的变量。一切看起来都很协调。",{"type":966,"attrs":1793,"content":1794},{"align":120,"level":15},[1795],{"type":894,"marks":1796,"text":1799},[1797],{"type":902,"attrs":1798},{"color":904,"name":905},"感想",{"type":890,"attrs":1801},{"indent":7,"number":7,"align":120,"origin":120},{"type":890,"attrs":1803,"content":1804},{"indent":7,"number":7,"align":120,"origin":120},[1805],{"type":894,"marks":1806,"text":1809},[1807],{"type":902,"attrs":1808},{"color":904,"name":905},"本文介绍的内容是现阶段 PyScript 所能提供的主要亮点。它似乎是一个很有前途的产品,因为它提供了一个灵活的框架,让 Python 程序员可以在没有太多 Web 开发知识的情况下创建 Web 应用。然而,也有其他类似的成功的产品,因此,竞争会很激烈。",{"type":890,"attrs":1811,"content":1812},{"indent":7,"number":7,"align":120,"origin":120},[1813],{"type":894,"marks":1814,"text":906},[1815],{"type":902,"attrs":1816},{"color":904,"name":905},{"type":890,"attrs":1818,"content":1819},{"indent":7,"number":7,"align":120,"origin":120},[1820],{"type":894,"marks":1821,"text":1824},[1822],{"type":902,"attrs":1823},{"color":904,"name":905},"例如,如果我需要为自己的数据科学项目创建一个 Web 应用,我就会直接使用 Streamlit。它的功能已经相对成熟。请注意,虽然都与 Web 开发有关,但 PyScript 和 Streamlit 属于不同的产品系。PyScript 应该更通用,因为它的目标是让你可以在任何网页上嵌入任何 Python 代码,Streamlit 做不到这一点。",{"type":890,"attrs":1826,"content":1827},{"indent":7,"number":7,"align":120,"origin":120},[1828],{"type":894,"marks":1829,"text":906},[1830],{"type":902,"attrs":1831},{"color":904,"name":905},{"type":890,"attrs":1833,"content":1834},{"indent":7,"number":7,"align":120,"origin":120},[1835],{"type":894,"marks":1836,"text":1839},[1837],{"type":902,"attrs":1838},{"color":904,"name":905},"在 PyScript 为更多的人所接受之前,它有几个问题必须解决。例如,Web 页面的加载速度非常慢。如果你尝试跟随本教程运行代码,可能就会注意到,在 Web 页面的显示会有一个明显的滞后。",{"type":890,"attrs":1841,"content":1842},{"indent":7,"number":7,"align":120,"origin":120},[1843],{"type":894,"marks":1844,"text":906},[1845],{"type":902,"attrs":1846},{"color":904,"name":905},{"type":890,"attrs":1848,"content":1849},{"indent":7,"number":7,"align":120,"origin":120},[1850],{"type":894,"marks":1851,"text":1854},[1852],{"type":902,"attrs":1853},{"color":904,"name":905},"尽管如此,我还是觉得这个产品会继续发展,我的信心主要来自于它的开发者——给我们带来极好的 Anaconda 工具的 Anaconda 团队。",{"type":890,"attrs":1856},{"indent":7,"number":7,"align":120,"origin":120},{"type":890,"attrs":1858,"content":1859},{"indent":7,"number":7,"align":120,"origin":120},[1860],{"type":894,"marks":1861,"text":1867},[1862,1864],{"type":1863},"italic",{"type":902,"attrs":1865},{"color":1866,"name":905},"#333333","本文最初发布于Better Programming。",{"type":890,"attrs":1869},{"indent":7,"number":7,"align":120,"origin":120},{"type":890,"attrs":1871,"content":1872},{"indent":7,"number":7,"align":120,"origin":120},[1873,1878],{"type":894,"marks":1874,"text":1877},[1875],{"type":902,"attrs":1876},{"color":904,"name":905},"查看英文原文:",{"type":916,"attrs":1879,"content":1881},{"href":1880,"title":919,"type":120},"https://betterprogramming.pub/running-python-script-on-the-web-using-pyscript-the-next-big-thing-8ace9543d75",[1882],{"type":894,"text":1883},"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":880},"https://static-acl-001.geekbang.org/resource/article/95a26bcb608b3462ef1fdcaa10c962f7/content.json?auth_key=1767212338-c77d4ad4008b4dfbabf3d13a86c95b98-0-bd8e43afe9bb86431734bf790c1f7673&v_t=1653037602070",[],{"ai_subtitle":6,"ai_subtitle_vtt":6,"subtitle_url":6},[15,130,868,149,176],[864,131,869,150,177],[],[],["Reactive",1894],{"$sisMobile":880},["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],1767214108639,["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>