写点什么

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_4ccit_401"><div class="footer" data-v-73b2c941><!--[--><ul class="layout-content" data-v-73b2c941><li class="theme" data-v-73b2c941><div class="logo" data-v-73b2c941><img src="https://static001.geekbang.org/static/web/nuxt/www.infoq.cn/logo.BJF4WFeC.png" alt="logo" data-v-73b2c941><p data-v-73b2c941>促进软件开发及相关领域知识与创新的传播</p></div></li><!--[--><li data-v-73b2c941><dl class="footer-nav" data-v-73b2c941><dt data-v-73b2c941></dt><!--[--><dd data-v-73b2c941><!----><a href="https://www.infoq.cn/about" target="_blank" rel="noopener nofollow" data-v-73b2c941>关于我们</a></dd><dd data-v-73b2c941><!----><a href="https://www.infoq.cn/contribute" target="_blank" rel="noopener nofollow" data-v-73b2c941>我要投稿</a></dd><dd data-v-73b2c941><!----><a href="https://www.geekbang.org/partner" target="_blank" rel="noopener nofollow" data-v-73b2c941>合作伙伴</a></dd><dd data-v-73b2c941><!----><a href="https://www.lagou.com/gongsi/j43775.html" target="_blank" rel="noopener nofollow" data-v-73b2c941>加入我们</a></dd><dd data-v-73b2c941><!----><a href="https://infoq.cn/official/account" target="_blank" rel="noopener nofollow" data-v-73b2c941>关注我们</a></dd><!--]--></dl></li><li data-v-73b2c941><dl class="footer-nav" data-v-73b2c941><dt data-v-73b2c941>联系我们</dt><!--[--><dd data-v-73b2c941><!----><a href="mailto:editors@geekbang.com" target="_blank" rel="noopener nofollow" data-v-73b2c941>内容投稿:editors@geekbang.com</a></dd><dd data-v-73b2c941><!----><a href="mailto:hezuo@geekbang.com" target="_blank" rel="noopener nofollow" data-v-73b2c941>业务合作:hezuo@geekbang.com</a></dd><dd data-v-73b2c941><!----><a href="mailto:feedback@geekbang.com" target="_blank" rel="noopener nofollow" data-v-73b2c941>反馈投诉:feedback@geekbang.com</a></dd><dd data-v-73b2c941><!----><a href="mailto:zhaopin@geekbang.com" target="_blank" rel="noopener nofollow" data-v-73b2c941>加入我们:zhaopin@geekbang.com</a></dd><dd data-v-73b2c941><!----><span data-v-73b2c941>联系电话:010-64738142</span></dd><dd data-v-73b2c941><!----><span data-v-73b2c941>地址:北京市朝阳区望京北路9号2幢7层A701</span></dd><!--]--></dl></li><li data-v-73b2c941><dl class="footer-nav" data-v-73b2c941><dt data-v-73b2c941>InfoQ 近期会议</dt><!--[--><dd data-v-73b2c941><!----><a href="https://qcon.infoq.cn/2026/beijing?utm_source=infoq&utm_medium=footer" target="_blank" rel="noopener nofollow" data-v-73b2c941>北京 · QCon 全球软件开发大会 2026.4.16-18</a></dd><dd data-v-73b2c941><!----><a href="https://aicon.infoq.cn/2026/shanghai?utm_source=infoq&utm_medium=footer" target="_blank" rel="noopener nofollow" data-v-73b2c941>上海 · AICon 全球人工智能开发与应用大会 2026.6.26-27</a></dd><!--]--></dl></li><li data-v-73b2c941><dl class="footer-nav" data-v-73b2c941><dt data-v-73b2c941>全球 InfoQ</dt><!--[--><dd data-v-73b2c941><img src="https://static001.infoq.cn/resource/image/55/38/55cd81623e36f5ab7a7db74d60b74838.png" alt="会议图片" data-v-73b2c941><a href="https://www.infoq.com/" target="_blank" rel="noopener nofollow" data-v-73b2c941>InfoQ En</a></dd><dd data-v-73b2c941><img src="https://static001.infoq.cn/resource/image/95/13/95fe851c02c86120e9037eada6a36d13.png" alt="会议图片" data-v-73b2c941><a href="https://www.infoq.com/jp/" target="_blank" rel="noopener nofollow" data-v-73b2c941>InfoQ Jp</a></dd><dd data-v-73b2c941><img src="https://static001.infoq.cn/resource/image/2a/3e/2aa440b6d94e94f64c508f16da38933e.png" alt="会议图片" data-v-73b2c941><a href="http://www.infoq.com/fr/" target="_blank" rel="noopener nofollow" data-v-73b2c941>InfoQ Fr</a></dd><dd data-v-73b2c941><img src="https://static001.infoq.cn/resource/image/4e/1e/4e737ce82bc7c8a1c2f2307bcea9a11e.png" alt="会议图片" data-v-73b2c941><a href="http://www.infoq.com/br/" target="_blank" rel="noopener nofollow" data-v-73b2c941>InfoQ Br</a></dd><!--]--></dl></li><!--]--></ul><!--]--><div class="copyright" data-v-73b2c941> Copyright © 2026, Geekbang Technology Ltd. All rights reserved. 极客邦控股(北京)有限公司 | <a target="_blank" class="icp" href="https://beian.miit.gov.cn/" data-v-73b2c941>京 ICP 备 16027448 号 - 5</a><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502039052" data-v-73b2c941><img src="data:image/png;base64,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" alt="京公网安备" data-v-73b2c941><span data-v-73b2c941>京公网安备 11010502039052号</span></a><a target="_blank" class="icp" href="https://time.geekbang.org/hybrid/certificates" data-v-73b2c941> | 产品资质</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":1908,"once":1910,"_errors":1911,"serverRendered":851,"path":1913,"pinia":1914},["ShallowReactive",3],{"navConfig":4,"headerMenuList":731,"articleDetail":844},{"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,414,420,426,433,439,446,452,459,464,470,476,482,488,494,500,506,512,517,524,530,537,543,549,555,561,567,573,579,584,590,597,603,609,614,620,625,629,634,640,646,653,658,664,670,676,682,688,694],{"end_time":401,"img":402,"link":403,"location":404,"name":405,"start_time":406},1774627199,"https://static001.infoq.cn/resource/image/18/63/1898936d088123092b2ac0478bc72963.png","https://qdrl.qq.com/VDybhsBX","上海","2026腾讯云城市峰会•上海站",1774540800,{"end_time":408,"img":409,"link":410,"location":411,"name":412,"start_time":413},1769702399,"https://static001.infoq.cn/resource/image/d4/9c/d4e5067b12778600a0c7dab53868949c.png","https://www.infoq.cn/form/?id=2995&utm_source=infoq&sign=iq_6964b8f50a6d2","线上","2025 re:Invent 精彩回顾及新品解读",1768320000,{"end_time":415,"img":416,"link":417,"location":411,"name":418,"start_time":419},1864569599,"https://static001.infoq.cn/resource/image/df/d7/df1a288f1e97e615ba35cae4a9127ed7.jpg","https://www.infoq.cn/space/snowflake","Snowflake 中文社区上线!",1766073600,{"end_time":421,"img":422,"link":423,"location":411,"name":424,"start_time":425},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":427,"img":428,"link":429,"location":430,"name":431,"start_time":432},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":434,"img":435,"link":436,"location":411,"name":437,"start_time":438},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":440,"img":441,"link":442,"location":443,"name":444,"start_time":445},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":447,"img":448,"link":449,"location":404,"name":450,"start_time":451},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":453,"img":454,"link":455,"location":456,"name":457,"start_time":458},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":460,"img":461,"link":423,"location":411,"name":462,"start_time":463},1763654399,"https://static001.infoq.cn/resource/image/15/ca/15b2f71676f5f3928ff5daeb21333dca.png","加入鸿蒙开发者阵营 开拓智能生态新蓝海!",1759248000,{"end_time":465,"img":466,"link":467,"location":411,"name":468,"start_time":469},1761840000,"https://static001.infoq.cn/resource/image/4f/41/4f7808d67c8e31b93d6fc1223716d241.jpg","https://www.infoq.cn/article/Xc1pH6JxKvgK7zFI8wFy","Snowflake 免费培训!欢迎参与!",1758988800,{"end_time":471,"img":472,"link":473,"location":411,"name":474,"start_time":475},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":477,"img":478,"link":479,"location":411,"name":480,"start_time":481},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":483,"img":484,"link":485,"location":411,"name":486,"start_time":487},1758038400,"https://static001.infoq.cn/resource/image/ba/2a/ba3fe8d0e31bdccf7c76f44f3157b12a.jpg","https://qdrl.qq.com/2lbhIc4r","2025腾讯全球数字生态大会",1757952000,{"end_time":489,"img":490,"link":491,"location":404,"name":492,"start_time":493},1753891199,"https://static001.infoq.cn/resource/image/d4/67/d4824160c0c26a3b04edf9dc0f2faa67.jpg","https://online2025.worldaic.com.cn/","WAIC",1753459200,{"end_time":495,"img":496,"link":497,"location":430,"name":498,"start_time":499},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":501,"img":502,"link":503,"location":411,"name":504,"start_time":505},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":507,"img":508,"link":509,"location":411,"name":510,"start_time":511},1753977599,"https://static001.infoq.cn/resource/image/a5/d3/a5518edc427e92079fcd7956daabbcd3.png","https://www.infoq.cn/zones/awscertification-june/","亚马逊培训认证6月",1748707200,{"end_time":507,"img":513,"link":514,"location":411,"name":515,"start_time":516},"https://static001.infoq.cn/resource/image/00/cb/0049b66c781ca3f5b8d5d4de60dde7cb.png","https://qr20.cn/EoJnXW","即刻成为鸿蒙应用开发者 携手共拓鸿蒙世界!",1749398400,{"end_time":518,"img":519,"link":520,"location":521,"name":522,"start_time":523},1749571199,"https://static001.infoq.cn/resource/image/4a/26/4aa6fc20bb1eyy67772eb4a09873e026.png","https://qdrl.qq.com/cljVFWT9","青岛","2025 腾讯云城市峰会",1749484800,{"end_time":525,"img":526,"link":527,"location":404,"name":528,"start_time":529},1750348800,"https://static001.infoq.cn/resource/image/cf/43/cfb7236133b4736ba0a11be8cfae3043.png","https://www.infoq.cn/event/?id=298","亚马逊云SUMMIT",1750262400,{"end_time":531,"img":532,"link":533,"location":534,"name":535,"start_time":536},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":538,"img":539,"link":540,"location":411,"name":541,"start_time":542},1745596799,"https://static001.infoq.cn/resource/image/61/57/6192fd75e85bee189d6cb7a3c34e9957.png","https://cloud.baidu.com/product-s/qianfan_home?track=44ca1a7f797708dfe98a81110b458fe0edf9d479e262c870","百度智能云干帆应用开发平台",1745510400,{"end_time":544,"img":545,"link":546,"location":404,"name":547,"start_time":548},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":550,"img":551,"link":552,"location":411,"name":553,"start_time":554},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":556,"img":557,"link":558,"location":430,"name":559,"start_time":560},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":562,"img":563,"link":564,"location":411,"name":565,"start_time":566},1749139199,"https://static001.infoq.cn/resource/image/8f/5a/8f42b5102d2a6bb01b1yy25de678c05a.jpg","https://www.infoq.cn/article/EiZAWhIT5U9YRPi893NR","开源合规精选培训课程",1745596800,{"end_time":568,"img":569,"link":570,"location":411,"name":571,"start_time":572},1747843199,"https://static001.infoq.cn/resource/image/f4/e7/f4ea438f30b686f709187b789e4a57e7.png","https://sourl.co/geWFmz","亚马逊AI认证4月",1742486400,{"end_time":574,"img":575,"link":576,"location":411,"name":577,"start_time":578},1741881600,"https://static001.infoq.cn/resource/image/b3/d6/b3a02c6ea0269f79af48167yy01eced6.png","https://www.infoq.cn/event/?id=294","为突破而构建数据燃动AI",1739980800,{"end_time":580,"img":581,"link":423,"location":411,"name":582,"start_time":583},1738252800,"https://static001.infoq.cn/resource/image/0b/5a/0b27a8d162d93b7c6ea3e08b60e9f65a.png","即刻加入,成为harmony OS应用开发者",1735056000,{"end_time":585,"img":586,"link":587,"location":430,"name":588,"start_time":589},1734105599,"https://static001.infoq.cn/resource/image/3a/24/3a84c8b7aa904bf46177ff84e8c6cb24.jpg","https://www.infoq.cn/event/?id=293","Al for Data 与大模型训练加速实践 专场",1734019200,{"end_time":591,"img":592,"link":593,"location":594,"name":595,"start_time":596},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":598,"img":599,"link":600,"location":411,"name":601,"start_time":602},1734710399,"https://static001.infoq.cn/resource/image/22/dc/2211300cc2d2acfda040922ef5a6a1dc.png","https://www.infoq.cn/article/otlWQdLRB7ci1K1TPdbZ","字节跳动开源云原生数据仓库ByConity众测",1732636800,{"end_time":604,"img":605,"link":606,"location":404,"name":607,"start_time":608},1733587199,"https://static001.infoq.cn/resource/image/3f/a9/3f7cd8a638c24412fe295d810ae218a9.jpeg","https://www.huodongxing.com/event/6783033754700?qd=OpenTiny","2024华为云开源开发者论坛",1733500800,{"end_time":604,"img":610,"link":611,"location":411,"name":612,"start_time":613},"https://static001.infoq.cn/resource/image/f9/74/f93dd0b1242137659f8e5dd00decdb74.png","https://dev.amazoncloud.cn/competition/detail/genaicompetition?visitfrom=InfoQ1","第三届中国生成式 AI 应用创新挑战赛推广",1732204800,{"end_time":615,"img":616,"link":617,"location":411,"name":618,"start_time":619},1732982399,"https://static001.infoq.cn/resource/image/7e/0d/7e1428b18yy9b081542b4ef08a00ce0d.png","https://jsj.top/f/xU2Gmv","Amazon Q Developer 体验调研",1731513600,{"end_time":621,"img":622,"link":623,"location":411,"name":624,"start_time":619},1734019199,"https://static001.infoq.cn/resource/image/ff/c3/ff1287bf2a34793531813bb811896ac3.png","https://dev.amazoncloud.cn/associate-retake?visitfrom=infoq1","亚马逊云科技助理级认证活动",{"end_time":615,"img":626,"link":627,"location":411,"name":628,"start_time":619},"https://static001.infoq.cn/resource/image/3f/94/3f72e2c02d4a203980f89f3f6e813694.png","https://dev.amazoncloud.cn/learn/aitalent/obtainCertificate?visitfrom=infoQ1","亚马逊云科技AI从业者认证",{"end_time":615,"img":630,"link":631,"location":411,"name":632,"start_time":633},"https://static001.infoq.cn/resource/image/38/9c/38f2a6d31f52ef17781678c0a82dde9c.png","https://cloud.baidu.com/campaign/qianfan/index.html?track=98df3bcb86b429860e9c9fdca4fd2edc50b7882e882c090f","千帆大模型平台特惠专场",1731427200,{"end_time":635,"img":636,"link":637,"location":404,"name":638,"start_time":639},1731427199,"https://static001.infoq.cn/resource/image/81/b4/81e10cbdc5636f5ca57fae44f044b1b4.png","https://baiduworld.baidu.com","百度世界大会",1731340800,{"end_time":641,"img":642,"link":643,"location":411,"name":644,"start_time":645},1732463999,"https://static001.infoq.cn/resource/image/d1/a0/d16ecacda10d8614fa0a2928f04f0da0.png","https://mp.weixin.qq.com/s/LmG1_1NTkvigdewqE-LQwA","蚂蚁 agentUniverse 征文活动",1729699200,{"end_time":647,"img":648,"link":649,"location":650,"name":651,"start_time":652},1729785599,"https://static001.infoq.cn/resource/image/a4/96/a4c947d9a4ddaed63c2ab7298285e996.jpg","https://hdxu.cn/fimi","武汉","鸿蒙1024程序员节",1729526400,{"end_time":654,"img":655,"link":656,"location":411,"name":628,"start_time":657},1731600000,"https://static001.infoq.cn/resource/image/07/e4/07336456945434c08c91f748f61ba3e4.png","https://sourl.co/q3rci3",1728835200,{"end_time":659,"img":660,"link":661,"location":411,"name":662,"start_time":663},1735660799,"https://static001.infoq.cn/resource/image/6b/c4/6be7d03702b715e359c0116d8e2e0dc4.jpg","https://aistudio.baidu.com/intro/awards","星河产业应用创新奖",1728489600,{"end_time":665,"img":666,"link":667,"location":411,"name":668,"start_time":669},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":671,"img":672,"link":673,"location":411,"name":674,"start_time":675},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":677,"img":678,"link":679,"location":404,"name":680,"start_time":681},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":683,"img":684,"link":685,"location":411,"name":686,"start_time":687},1725465599,"https://static001.infoq.cn/resource/image/d8/4f/d8b879c6d4a63f47dbe7b38f8b5d674f.jpeg","https://future.feishu.cn/?utm_from=marketing_media_infoq","2024飞书未来无限大会",1725379200,{"end_time":689,"img":690,"link":691,"location":411,"name":692,"start_time":693},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":671,"img":695,"link":696,"location":411,"name":697,"start_time":698},"https://static001.infoq.cn/resource/image/6f/29/6f5bbde0c3e86fd62d3b2a82d2a60129.png","https://sourl.co/nxGUcQ","亚马逊云科技云从业者认证",1724947200,[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":479,"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,795,828,833,838],{"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":417,"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":6,"icon":6,"corner_mark":784,"sort":785,"children":786},1056,{"type":15,"text":783,"icon":6,"alt":6},"企业专区",{"type":741,"text":772,"icon":6},9,[787],{"id":788,"pid":781,"name":789,"url":791,"icon":6,"corner_mark":792,"sort":793,"children":794},1057,{"type":15,"text":790,"icon":6,"alt":6},"intel 专区","https://www.infoq.cn/zones/intel2025/",{"type":7,"text":6,"icon":6},1772447366,[],{"id":796,"pid":7,"name":797,"url":479,"icon":6,"corner_mark":798,"sort":799,"children":800},1044,{"type":15,"text":718,"icon":6,"alt":6},{"type":741,"text":742,"icon":6},10,[801,807,814,821],{"id":802,"pid":796,"name":803,"url":479,"icon":6,"corner_mark":805,"sort":15,"children":806},1049,{"type":15,"text":804,"icon":6,"alt":6},"微众银行 · 深圳国际金融科技大赛",{"type":7,"text":6,"icon":6},[],{"id":808,"pid":796,"name":809,"url":811,"icon":6,"corner_mark":812,"sort":741,"children":813},1050,{"type":15,"text":810,"icon":6,"alt":6},"亚马逊云科技 · 1000 AIdea 应用计划","https://www.infoq.cn/zones/1000aidea/#schedule",{"type":7,"text":6,"icon":6},[],{"id":815,"pid":796,"name":816,"url":818,"icon":6,"corner_mark":819,"sort":311,"children":820},1051,{"type":15,"text":817,"icon":6,"alt":6},"微软 · AI 开发者挑战赛","https://www.infoq.cn/zones/microsoftai/",{"type":7,"text":6,"icon":6},[],{"id":822,"pid":796,"name":823,"url":825,"icon":6,"corner_mark":826,"sort":754,"children":827},1052,{"type":15,"text":824,"icon":6,"alt":6},"InfoQ · 大模型技术应用创新大赛","https://www.infoq.cn/zones/geekathon2023",{"type":7,"text":6,"icon":6},[],{"id":829,"pid":7,"name":830,"url":729,"icon":6,"corner_mark":831,"sort":255,"children":832},1048,{"type":15,"text":730,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},[],{"id":834,"pid":7,"name":835,"url":713,"icon":6,"corner_mark":836,"sort":157,"children":837},1042,{"type":15,"text":714,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},[],{"id":839,"pid":7,"name":840,"url":726,"icon":6,"corner_mark":841,"sort":842,"children":843},1047,{"type":15,"text":727,"icon":6,"alt":6},{"type":7,"text":6,"icon":6},13,[],{"authorData":845,"id":853,"aid":854,"aidint":855,"type":15,"views":856,"uuid":857,"status":15,"publish_time":858,"ctime":859,"utime":859,"vid":6,"source":15,"sub_status":7,"ip_address":6,"score":858,"article_title":860,"article_sharetitle":860,"article_subtitle":6,"article_summary":861,"article_cover":862,"article_cover_point":863,"author":852,"translator":864,"planner":870,"topic":876,"is_collect":895,"no_author":6,"is_promotion":895,"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,"show_subtitle":6,"label":896,"out_id":120,"word_count":897,"front_type":15,"content_short":6,"is_fill_info":7,"content":898,"ebook":1899,"love":15,"is_love":895,"copyright":15,"lead_author":7,"ppt_url":6,"publisher":1900,"definition":120,"read_status":7,"collect":741,"checker":120,"outlines":120,"content_url":1901,"themes":1902,"audio_status":7,"audio_url":6,"audio_size":7,"ebook_type":7,"video":1903,"topicIdsMustBeSelected":1904,"topicNamesMustBeSelected":1905,"themeIds":1906,"themeNames":1907},{"uid":846,"nickname":847,"avatar":6,"active":15,"is_early":7,"ucode":848,"uri":849,"author_type":7,"vip":7,"authorLabel":850,"isAuthor":851,"list":852},3009494,"Yong Cui","0CE5A563E9CE0A","/profile/0CE5A563E9CE0A/","作者",true,[845],160494,"161044",161044,19979,"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}",[865],{"uid":866,"nickname":867,"avatar":6,"active":15,"is_early":7,"ucode":868,"uri":869,"author_type":7,"vip":7},1368875,"平川","4D6E74F678F49C","/profile/4D6E74F678F49C/",[871],{"uid":872,"nickname":873,"avatar":6,"active":15,"is_early":7,"ucode":874,"uri":875,"author_type":7,"vip":7},1439149,"邓艳琴","D459E9DD515679","/profile/D459E9DD515679/",[877,878,881,882,885,889,892,893,894],{"id":284,"name":285,"alias":6,"type":741},{"id":15,"name":879,"alias":880,"type":15},"语言 & 开发","development",{"id":130,"name":131,"alias":132,"type":15},{"id":883,"name":884,"alias":884,"type":15},1121,"GMTC",{"id":886,"name":887,"alias":888,"type":741},50,"Python","python",{"id":890,"name":891,"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":899,"content":900},"doc",[901,911,922,943,950,965,972,980,989,1046,1053,1073,1075,1086,1088,1094,1104,1111,1119,1213,1220,1228,1230,1236,1238,1244,1254,1261,1269,1277,1308,1315,1323,1325,1331,1333,1339,1349,1356,1387,1394,1400,1443,1451,1482,1484,1490,1492,1498,1508,1515,1523,1614,1621,1647,1649,1655,1657,1663,1673,1680,1699,1707,1709,1717,1724,1744,1746,1752,1754,1760,1770,1777,1807,1815,1817,1825,1832,1840,1847,1855,1862,1870,1872,1883,1885],{"type":902,"content":903},"blockquote",[904],{"type":905,"attrs":906,"content":907},"paragraph",{"indent":7,"number":7,"align":120,"origin":120},[908],{"type":909,"text":910},"text","这是下一个大事件吗?如果继续发展下去,有可能。",{"type":905,"attrs":912,"content":913},{"indent":7,"number":7,"align":120,"origin":120},[914],{"type":909,"marks":915,"text":921},[916],{"type":917,"attrs":918},"color",{"color":919,"name":920},"#494949","user"," ",{"type":905,"attrs":923,"content":924},{"indent":7,"number":7,"align":120,"origin":120},[925,930,938],{"type":909,"marks":926,"text":929},[927],{"type":917,"attrs":928},{"color":919,"name":920},"在 2022年PyCon 美国大会期间,作为主题演讲嘉宾之一的 Peter Wang 公布了 ",{"type":931,"attrs":932,"content":935},"link",{"href":933,"title":934,"type":120},"https://github.com/pyscript/pyscript","xxx",[936],{"type":909,"text":937},"PyScript",{"type":909,"marks":939,"text":942},[940],{"type":917,"attrs":941},{"color":919,"name":920},",一种在 HTML 中直接编写 Python 脚本的方法。或许你不知道 Peter,但你可能听说过 Anaconda,这是一种流行的开源的 Python 和 R 语言的发行版本,特别关注数据科学。Peter 正是 Anaconda 的 CEO 和联合创始人。",{"type":905,"attrs":944,"content":945},{"indent":7,"number":7,"align":120,"origin":120},[946],{"type":909,"marks":947,"text":921},[948],{"type":917,"attrs":949},{"color":919,"name":920},{"type":905,"attrs":951,"content":952},{"indent":7,"number":7,"align":120,"origin":120},[953,958,960],{"type":909,"marks":954,"text":957},[955],{"type":917,"attrs":956},{"color":919,"name":920},"换言之,PyScript 是由一家著名的科技公司开发的,这可能会保证它在不久的将来成为可行的方案。它在 Python 和 Web 开发者中受到了极大的关注,",{"type":909,"text":959},"GitHub",{"type":909,"marks":961,"text":964},[962],{"type":917,"attrs":963},{"color":919,"name":920}," 上已有超过 10k 颗 Stars。然而,它是否能成为一个成功的、有竞争力的产品,取决于长期的时间和开发投入。目前,它还有一些已知的缺陷(将在最后讨论)。",{"type":905,"attrs":966,"content":967},{"indent":7,"number":7,"align":120,"origin":120},[968],{"type":909,"marks":969,"text":921},[970],{"type":917,"attrs":971},{"color":919,"name":920},{"type":905,"attrs":973,"content":974},{"indent":7,"number":7,"align":120,"origin":120},[975],{"type":909,"marks":976,"text":979},[977],{"type":917,"attrs":978},{"color":919,"name":920},"闲话少说,让我们快速了解一下这个令人振奋的产品吧!",{"type":981,"attrs":982,"content":983},"heading",{"align":120,"level":15},[984],{"type":909,"marks":985,"text":988},[986],{"type":917,"attrs":987},{"color":919,"name":920},"py-script标签",{"type":905,"attrs":990,"content":991},{"indent":7,"number":7,"align":120,"origin":120},[992,997,1005,1010,1017,1022,1029,1034,1041],{"type":909,"marks":993,"text":996},[994],{"type":917,"attrs":995},{"color":919,"name":920},"我们知道,HTML 文件是大多数网站最常见的元素。在创建网站时,我们的工作就是直接或间接地通过一些框架来编制 HTML 文件。在典型的 HTML 文件中,你会看到各种类型的标签。例如,",{"type":998,"content":999,"marks":1002},"codeinline",[1000],{"type":909,"text":1001},"\u003Chead>",[1003],{"type":917,"attrs":1004},{"color":919,"name":920},{"type":909,"marks":1006,"text":1009},[1007],{"type":917,"attrs":1008},{"color":919,"name":920},"定义了HTML页面的元数据和关键信息,",{"type":998,"content":1011,"marks":1014},[1012],{"type":909,"text":1013},"\u003Ctitle>",[1015],{"type":917,"attrs":1016},{"color":919,"name":920},{"type":909,"marks":1018,"text":1021},[1019],{"type":917,"attrs":1020},{"color":919,"name":920},"是整个文档的标题,而",{"type":998,"content":1023,"marks":1026},[1024],{"type":909,"text":1025},"\u003Ch1>",[1027],{"type":917,"attrs":1028},{"color":919,"name":920},{"type":909,"marks":1030,"text":1033},[1031],{"type":917,"attrs":1032},{"color":919,"name":920},"、",{"type":998,"content":1035,"marks":1038},[1036],{"type":909,"text":1037},"\u003Ch2>",[1039],{"type":917,"attrs":1040},{"color":919,"name":920},{"type":909,"marks":1042,"text":1045},[1043],{"type":917,"attrs":1044},{"color":919,"name":920},"等定义了不同级别的内容标题。",{"type":905,"attrs":1047,"content":1048},{"indent":7,"number":7,"align":120,"origin":120},[1049],{"type":909,"marks":1050,"text":921},[1051],{"type":917,"attrs":1052},{"color":919,"name":920},{"type":905,"attrs":1054,"content":1055},{"indent":7,"number":7,"align":120,"origin":120},[1056,1061,1068],{"type":909,"marks":1057,"text":1060},[1058],{"type":917,"attrs":1059},{"color":919,"name":920},"如前所述,PyScript 允许你在 HTML 中编写Python脚本,它使用一个特殊的标签",{"type":998,"content":1062,"marks":1065},[1063],{"type":909,"text":1064},"py-script",[1066],{"type":917,"attrs":1067},{"color":919,"name":920},{"type":909,"marks":1069,"text":1072},[1070],{"type":917,"attrs":1071},{"color":919,"name":920},"。在这个标签中,你可以嵌入 Python 脚本。要了解它是如何工作的,可以创建一个 HTML 文件,其中包含以下代码,并使用 Chrome 浏览器打开该文件。在 Chrome 浏览器中,你应该能够看到类似下面这样的内容:",{"type":905,"attrs":1074},{"indent":7,"number":7,"align":120,"origin":120},{"type":1076,"attrs":1077},"image",{"src":1078,"alt":120,"title":120,"style":1079,"href":120,"fromPaste":851,"pastePass":851},"https://static001.geekbang.org/infoq/b7/b7cf3649eb920dfd76b246074c54a8f0.png",[1080,1083],{"key":1081,"value":1082},"width","75%",{"key":1084,"value":1085},"bordertype","none",{"type":905,"attrs":1087},{"indent":7,"number":7,"align":120,"origin":120},{"type":1076,"attrs":1089},{"src":1090,"alt":120,"title":120,"style":1091,"href":120,"fromPaste":851,"pastePass":851},"https://static001.geekbang.org/infoq/d1/d1c8a6e49c89d1695ab45b26f726d77e.png",[1092,1093],{"key":1081,"value":1082},{"key":1084,"value":1085},{"type":905,"attrs":1095,"content":1097},{"indent":7,"number":7,"align":1096,"origin":120},"center",[1098],{"type":909,"marks":1099,"text":1103},[1100],{"type":1101,"attrs":1102},"size",{"size":785},"作者截图",{"type":905,"attrs":1105,"content":1106},{"indent":7,"number":7,"align":120,"origin":120},[1107],{"type":909,"marks":1108,"text":921},[1109],{"type":917,"attrs":1110},{"color":919,"name":920},{"type":905,"attrs":1112,"content":1113},{"indent":7,"number":7,"align":120,"origin":120},[1114],{"type":909,"marks":1115,"text":1118},[1116],{"type":917,"attrs":1117},{"color":919,"name":920},"在上面的代码片段中,你可能已经注意到以下三个关键点:",{"type":1120,"content":1121},"bulletedlist",[1122,1147,1185],{"type":1123,"attrs":1124,"content":1125},"listitem",{"listStyle":120},[1126],{"type":905,"attrs":1127,"content":1128},{"indent":7,"number":7,"align":120,"origin":120},[1129,1136,1138,1145],{"type":998,"content":1130,"marks":1132},[1131],{"type":909,"text":931},[1133],{"type":917,"attrs":1134},{"color":1135,"name":920},"#292929",{"type":909,"text":1137},"标签定义了一个外部样式表。在这个例子中,我们使用了 PyScript 提供的",{"type":998,"content":1139,"marks":1142},[1140],{"type":909,"text":1141},"css",[1143],{"type":917,"attrs":1144},{"color":1135,"name":920},{"type":909,"text":1146},"文件。",{"type":1123,"attrs":1148,"content":1149},{"listStyle":120},[1150],{"type":905,"attrs":1151,"content":1152},{"indent":7,"number":7,"align":120,"origin":120},[1153,1158,1165,1167,1174,1176,1183],{"type":909,"marks":1154,"text":1157},[1155],{"type":917,"attrs":1156},{"color":919,"name":920},"我们使用",{"type":998,"content":1159,"marks":1162},[1160],{"type":909,"text":1161},"script",[1163],{"type":917,"attrs":1164},{"color":1135,"name":920},{"type":909,"text":1166},"标签来嵌入一个由",{"type":998,"content":1168,"marks":1171},[1169],{"type":909,"text":1170},"src",[1172],{"type":917,"attrs":1173},{"color":1135,"name":920},{"type":909,"text":1175},"定义、由 PyScript 托管的外部脚本。我们使用了",{"type":998,"content":1177,"marks":1180},[1178],{"type":909,"text":1179},"defer",[1181],{"type":917,"attrs":1182},{"color":1135,"name":920},{"type":909,"text":1184},",这样脚本会在下载和页面解析完成后执行——本质上是一种延迟执行,而不是实时执行。",{"type":1123,"attrs":1186,"content":1187},{"listStyle":120},[1188],{"type":905,"attrs":1189,"content":1190},{"indent":7,"number":7,"align":120,"origin":120},[1191,1196,1202,1204,1211],{"type":909,"marks":1192,"text":1195},[1193],{"type":917,"attrs":1194},{"color":919,"name":920},"最有趣的部分是",{"type":998,"content":1197,"marks":1199},[1198],{"type":909,"text":1064},[1200],{"type":917,"attrs":1201},{"color":1135,"name":920},{"type":909,"text":1203},"标签。如你所见,",{"type":998,"content":1205,"marks":1208},[1206],{"type":909,"text":1207},"print(\"Hello, World!\")",[1209],{"type":917,"attrs":1210},{"color":1135,"name":920},{"type":909,"text":1212},"是 Python 代码。当执行 HTML 文件时,就可以看到代码求值结果。",{"type":905,"attrs":1214,"content":1215},{"indent":7,"number":7,"align":120,"origin":120},[1216],{"type":909,"marks":1217,"text":921},[1218],{"type":917,"attrs":1219},{"color":919,"name":920},{"type":905,"attrs":1221,"content":1222},{"indent":7,"number":7,"align":120,"origin":120},[1223],{"type":909,"marks":1224,"text":1227},[1225],{"type":917,"attrs":1226},{"color":919,"name":920},"这很酷,不是吗?如果你不熟悉 Web 开发,但了解 Python,就可以使用 PyScript 嵌入任何有效的 Python 代码。让我们再看一个例子。",{"type":905,"attrs":1229},{"indent":7,"number":7,"align":120,"origin":120},{"type":1076,"attrs":1231},{"src":1232,"alt":120,"title":120,"style":1233,"href":120,"fromPaste":851,"pastePass":851},"https://static001.geekbang.org/infoq/80/80c04d7afe33fd0f4d34f391847a8e75.png",[1234,1235],{"key":1081,"value":1082},{"key":1084,"value":1085},{"type":905,"attrs":1237},{"indent":7,"number":7,"align":120,"origin":120},{"type":1076,"attrs":1239},{"src":1240,"alt":120,"title":120,"style":1241,"href":120,"fromPaste":851,"pastePass":851},"https://static001.geekbang.org/infoq/ff/ff83f9e4bfead1f156366ce957063170.png",[1242,1243],{"key":1081,"value":1082},{"key":1084,"value":1085},{"type":905,"attrs":1245,"content":1246},{"indent":7,"number":7,"align":1096,"origin":120},[1247],{"type":909,"marks":1248,"text":1253},[1249,1251],{"type":1101,"attrs":1250},{"size":785},{"type":917,"attrs":1252},{"color":919,"name":920},"另一个PyScript示例(图片由作者提供)",{"type":905,"attrs":1255,"content":1256},{"indent":7,"number":7,"align":120,"origin":120},[1257],{"type":909,"marks":1258,"text":921},[1259],{"type":917,"attrs":1260},{"color":919,"name":920},{"type":905,"attrs":1262,"content":1263},{"indent":7,"number":7,"align":120,"origin":120},[1264],{"type":909,"marks":1265,"text":1268},[1266],{"type":917,"attrs":1267},{"color":919,"name":920},"在这里,我们写了一些需要计算的代码,可以看到,脚本得到了正确的执行。",{"type":981,"attrs":1270,"content":1271},{"align":120,"level":15},[1272],{"type":909,"marks":1273,"text":1276},[1274],{"type":917,"attrs":1275},{"color":919,"name":920},"py-env标签",{"type":905,"attrs":1278,"content":1279},{"indent":7,"number":7,"align":120,"origin":120},[1280,1285,1292,1297,1303],{"type":909,"marks":1281,"text":1284},[1282],{"type":917,"attrs":1283},{"color":919,"name":920},"在编写更复杂的代码时,就需要使用第三方库。在这种情况下,我们可以利用",{"type":998,"content":1286,"marks":1289},[1287],{"type":909,"text":1288},"py-env",[1290],{"type":917,"attrs":1291},{"color":919,"name":920},{"type":909,"marks":1293,"text":1296},[1294],{"type":917,"attrs":1295},{"color":919,"name":920},"标签。你可能已经猜到的,env 是 environment 的缩写。",{"type":998,"content":1298,"marks":1300},[1299],{"type":909,"text":1288},[1301],{"type":917,"attrs":1302},{"color":919,"name":920},{"type":909,"marks":1304,"text":1307},[1305],{"type":917,"attrs":1306},{"color":919,"name":920},"标签中列出了运行代码所需的 Python 包。",{"type":905,"attrs":1309,"content":1310},{"indent":7,"number":7,"align":120,"origin":120},[1311],{"type":909,"marks":1312,"text":921},[1313],{"type":917,"attrs":1314},{"color":919,"name":920},{"type":905,"attrs":1316,"content":1317},{"indent":7,"number":7,"align":120,"origin":120},[1318],{"type":909,"marks":1319,"text":1322},[1320],{"type":917,"attrs":1321},{"color":919,"name":920},"你可能知道,许多数据科学家都使用 pandas 进行数据处理工作。让我们看看下面的例子。",{"type":905,"attrs":1324},{"indent":7,"number":7,"align":120,"origin":120},{"type":1076,"attrs":1326},{"src":1327,"alt":120,"title":120,"style":1328,"href":120,"fromPaste":851,"pastePass":851},"https://static001.geekbang.org/infoq/81/81a2e07ff71a317924c7664120862b6e.png",[1329,1330],{"key":1081,"value":1082},{"key":1084,"value":1085},{"type":905,"attrs":1332},{"indent":7,"number":7,"align":120,"origin":120},{"type":1076,"attrs":1334},{"src":1335,"alt":120,"title":120,"style":1336,"href":120,"fromPaste":851,"pastePass":851},"https://static001.geekbang.org/infoq/df/df79380011e061d1030cfe721b89989b.png",[1337,1338],{"key":1081,"value":1082},{"key":1084,"value":1085},{"type":905,"attrs":1340,"content":1341},{"indent":7,"number":7,"align":1096,"origin":120},[1342],{"type":909,"marks":1343,"text":1348},[1344,1346],{"type":1101,"attrs":1345},{"size":785},{"type":917,"attrs":1347},{"color":919,"name":920},"使用包的PyScript(图片由作者提供)",{"type":905,"attrs":1350,"content":1351},{"indent":7,"number":7,"align":120,"origin":120},[1352],{"type":909,"marks":1353,"text":921},[1354],{"type":917,"attrs":1355},{"color":919,"name":920},{"type":905,"attrs":1357,"content":1358},{"indent":7,"number":7,"align":120,"origin":120},[1359,1364,1370,1375,1382],{"type":909,"marks":1360,"text":1363},[1361],{"type":917,"attrs":1362},{"color":919,"name":920},"如你所见,我们在",{"type":998,"content":1365,"marks":1367},[1366],{"type":909,"text":1288},[1368],{"type":917,"attrs":1369},{"color":919,"name":920},{"type":909,"marks":1371,"text":1374},[1372],{"type":917,"attrs":1373},{"color":919,"name":920},"标签中指定了依赖项(即 Pandas),该标签包含在",{"type":998,"content":1376,"marks":1379},[1377],{"type":909,"text":1378},"head",[1380],{"type":917,"attrs":1381},{"color":919,"name":920},{"type":909,"marks":1383,"text":1386},[1384],{"type":917,"attrs":1385},{"color":919,"name":920},"标签中。如果页面需要多个依赖项,可以在这里把它们全部列出:",{"type":905,"attrs":1388,"content":1389},{"indent":7,"number":7,"align":120,"origin":120},[1390],{"type":909,"marks":1391,"text":921},[1392],{"type":917,"attrs":1393},{"color":919,"name":920},{"type":1395,"attrs":1396,"content":1397},"codeblock",{"lang":120},[1398],{"type":909,"text":1399},"\u003Cpy-env>\n - pandas\n - matplotlib\n - numpy\n\u003C/py-env>",{"type":905,"attrs":1401,"content":1402},{"indent":7,"number":7,"align":120,"origin":120},[1403,1408,1414,1419,1426,1431,1438],{"type":909,"marks":1404,"text":1407},[1405],{"type":917,"attrs":1406},{"color":919,"name":920},"如你所见,在",{"type":998,"content":1409,"marks":1411},[1410],{"type":909,"text":1064},[1412],{"type":917,"attrs":1413},{"color":919,"name":920},{"type":909,"marks":1415,"text":1418},[1416],{"type":917,"attrs":1417},{"color":919,"name":920},"标签中,我们确实可以使用 Pandas 库来创建一个",{"type":998,"content":1420,"marks":1423},[1421],{"type":909,"text":1422},"DataFrame",[1424],{"type":917,"attrs":1425},{"color":919,"name":920},{"type":909,"marks":1427,"text":1430},[1428],{"type":917,"attrs":1429},{"color":919,"name":920},"对象。然而,当我们把打印出来时就会发现,它是一个单行,而不是一个结构化的数据表。没有一个适当的结构,我们就无法理解这些数据。幸运的是,我们可以使用",{"type":998,"content":1432,"marks":1435},[1433],{"type":909,"text":1434},"write",[1436],{"type":917,"attrs":1437},{"color":919,"name":920},{"type":909,"marks":1439,"text":1442},[1440],{"type":917,"attrs":1441},{"color":919,"name":920},"函数(下文会讨论)。",{"type":981,"attrs":1444,"content":1445},{"align":120,"level":15},[1446],{"type":909,"marks":1447,"text":1450},[1448],{"type":917,"attrs":1449},{"color":919,"name":920},"将内容写入指定标签",{"type":905,"attrs":1452,"content":1453},{"indent":7,"number":7,"align":120,"origin":120},[1454,1459,1466,1471,1477],{"type":909,"marks":1455,"text":1458},[1456],{"type":917,"attrs":1457},{"color":919,"name":920},"除了Python中的标准打印函数",{"type":998,"content":1460,"marks":1463},[1461],{"type":909,"text":1462},"print",[1464],{"type":917,"attrs":1465},{"color":919,"name":920},{"type":909,"marks":1467,"text":1470},[1468],{"type":917,"attrs":1469},{"color":919,"name":920},",作为脚本的一部分,PyScript有自己的",{"type":998,"content":1472,"marks":1474},[1473],{"type":909,"text":1434},[1475],{"type":917,"attrs":1476},{"color":919,"name":920},{"type":909,"marks":1478,"text":1481},[1479],{"type":917,"attrs":1480},{"color":919,"name":920},"函数,可以将数据发送到页面上指定的Web元素中。请看下面的例子:",{"type":905,"attrs":1483},{"indent":7,"number":7,"align":120,"origin":120},{"type":1076,"attrs":1485},{"src":1486,"alt":120,"title":120,"style":1487,"href":120,"fromPaste":851,"pastePass":851},"https://static001.geekbang.org/infoq/54/548175e28244c2b86e5b35db19bdf9ff.png",[1488,1489],{"key":1081,"value":1082},{"key":1084,"value":1085},{"type":905,"attrs":1491},{"indent":7,"number":7,"align":120,"origin":120},{"type":1076,"attrs":1493},{"src":1494,"alt":120,"title":120,"style":1495,"href":120,"fromPaste":851,"pastePass":851},"https://static001.geekbang.org/infoq/f6/f612d73015a7a21224b20561347bf3b2.png",[1496,1497],{"key":1081,"value":1082},{"key":1084,"value":1085},{"type":905,"attrs":1499,"content":1500},{"indent":7,"number":7,"align":1096,"origin":120},[1501],{"type":909,"marks":1502,"text":1507},[1503,1505],{"type":1101,"attrs":1504},{"size":785},{"type":917,"attrs":1506},{"color":919,"name":920},"PyScript 写函数 write(图片由作者提供)",{"type":905,"attrs":1509,"content":1510},{"indent":7,"number":7,"align":120,"origin":120},[1511],{"type":909,"marks":1512,"text":921},[1513],{"type":917,"attrs":1514},{"color":919,"name":920},{"type":905,"attrs":1516,"content":1517},{"indent":7,"number":7,"align":120,"origin":120},[1518],{"type":909,"marks":1519,"text":1522},[1520],{"type":917,"attrs":1521},{"color":919,"name":920},"与之前的例子相比,上述代码片段有两个重大变化:",{"type":1120,"content":1524},[1525,1554],{"type":1123,"attrs":1526,"content":1527},{"listStyle":120},[1528],{"type":905,"attrs":1529,"content":1530},{"indent":7,"number":7,"align":120,"origin":120},[1531,1536,1543,1545,1552],{"type":909,"marks":1532,"text":1535},[1533],{"type":917,"attrs":1534},{"color":919,"name":920},"我们现在定义了一个 id 为",{"type":998,"content":1537,"marks":1540},[1538],{"type":909,"text":1539},"\"DataFrame\"",[1541],{"type":917,"attrs":1542},{"color":1135,"name":920},{"type":909,"text":1544},"的",{"type":998,"content":1546,"marks":1549},[1547],{"type":909,"text":1548},"div",[1550],{"type":917,"attrs":1551},{"color":1135,"name":920},{"type":909,"text":1553},",这样稍后就可以引用。",{"type":1123,"attrs":1555,"content":1556},{"listStyle":120},[1557],{"type":905,"attrs":1558,"content":1559},{"indent":7,"number":7,"align":120,"origin":120},[1560,1565,1571,1573,1579,1581,1587,1589,1596,1598,1604,1606,1612],{"type":909,"marks":1561,"text":1564},[1562],{"type":917,"attrs":1563},{"color":919,"name":920},"在",{"type":998,"content":1566,"marks":1568},[1567],{"type":909,"text":1064},[1569],{"type":917,"attrs":1570},{"color":1135,"name":920},{"type":909,"text":1572},"标签中,我们创建一个与之前相同的",{"type":998,"content":1574,"marks":1576},[1575],{"type":909,"text":1422},[1577],{"type":917,"attrs":1578},{"color":1135,"name":920},{"type":909,"text":1580},"对象。但现在,我们不是调用",{"type":998,"content":1582,"marks":1584},[1583],{"type":909,"text":1462},[1585],{"type":917,"attrs":1586},{"color":1135,"name":920},{"type":909,"text":1588},",而是调用",{"type":998,"content":1590,"marks":1593},[1591],{"type":909,"text":1592},"pyscript.write",[1594],{"type":917,"attrs":1595},{"color":1135,"name":920},{"type":909,"text":1597},"函数,请求 PyScript 处理并在",{"type":998,"content":1599,"marks":1601},[1600],{"type":909,"text":1539},[1602],{"type":917,"attrs":1603},{"color":1135,"name":920},{"type":909,"text":1605},"中显示",{"type":998,"content":1607,"marks":1609},[1608],{"type":909,"text":1422},[1610],{"type":917,"attrs":1611},{"color":1135,"name":920},{"type":909,"text":1613},"对象。从输出可以看到,我们现在有一个结构化的表格了。",{"type":905,"attrs":1615,"content":1616},{"indent":7,"number":7,"align":120,"origin":120},[1617],{"type":909,"marks":1618,"text":921},[1619],{"type":917,"attrs":1620},{"color":919,"name":920},{"type":905,"attrs":1622,"content":1623},{"indent":7,"number":7,"align":120,"origin":120},[1624,1630,1635,1642],{"type":998,"content":1625,"marks":1627},[1626],{"type":909,"text":1434},[1628],{"type":917,"attrs":1629},{"color":919,"name":920},{"type":909,"marks":1631,"text":1634},[1632],{"type":917,"attrs":1633},{"color":919,"name":920},"函数不仅能够打印表格,还能够打印数字。下面的例子向你展示了我们如何使用",{"type":998,"content":1636,"marks":1639},[1637],{"type":909,"text":1638},"matplotlib",[1640],{"type":917,"attrs":1641},{"color":919,"name":920},{"type":909,"marks":1643,"text":1646},[1644],{"type":917,"attrs":1645},{"color":919,"name":920},"(一个流行的Python包,用于数据可视化)来显示由 Python 创建的图。",{"type":905,"attrs":1648},{"indent":7,"number":7,"align":120,"origin":120},{"type":1076,"attrs":1650},{"src":1651,"alt":120,"title":120,"style":1652,"href":120,"fromPaste":851,"pastePass":851},"https://static001.geekbang.org/infoq/67/67aa8e871dffbace046e760e4249ec4d.png",[1653,1654],{"key":1081,"value":1082},{"key":1084,"value":1085},{"type":905,"attrs":1656},{"indent":7,"number":7,"align":120,"origin":120},{"type":1076,"attrs":1658},{"src":1659,"alt":120,"title":120,"style":1660,"href":120,"fromPaste":851,"pastePass":851},"https://static001.geekbang.org/infoq/9c/9c5c42ab5a569023ab63df58dfbedcab.png",[1661,1662],{"key":1081,"value":1082},{"key":1084,"value":1085},{"type":905,"attrs":1664,"content":1665},{"indent":7,"number":7,"align":1096,"origin":120},[1666],{"type":909,"marks":1667,"text":1672},[1668,1670],{"type":1101,"attrs":1669},{"size":785},{"type":917,"attrs":1671},{"color":919,"name":920},"PyScript打印图(图片由作者提供)",{"type":905,"attrs":1674,"content":1675},{"indent":7,"number":7,"align":120,"origin":120},[1676],{"type":909,"marks":1677,"text":921},[1678],{"type":917,"attrs":1679},{"color":919,"name":920},{"type":905,"attrs":1681,"content":1682},{"indent":7,"number":7,"align":120,"origin":120},[1683,1688,1694],{"type":909,"marks":1684,"text":1687},[1685],{"type":917,"attrs":1686},{"color":919,"name":920},"如你所见,",{"type":998,"content":1689,"marks":1691},[1690],{"type":909,"text":1434},[1692],{"type":917,"attrs":1693},{"color":919,"name":920},{"type":909,"marks":1695,"text":1698},[1696],{"type":917,"attrs":1697},{"color":919,"name":920}," 函数以期望的方式显示了图。",{"type":981,"attrs":1700,"content":1701},{"align":120,"level":15},[1702],{"type":909,"marks":1703,"text":1706},[1704],{"type":917,"attrs":1705},{"color":919,"name":920},"py-repl标签",{"type":905,"attrs":1708},{"indent":7,"number":7,"align":120,"origin":120},{"type":905,"attrs":1710,"content":1711},{"indent":7,"number":7,"align":120,"origin":120},[1712],{"type":909,"marks":1713,"text":1716},[1714],{"type":917,"attrs":1715},{"color":919,"name":920},"Python 学习的最好方法之一是使用 REPL:读取(Read)、求值(Evaluate)、打印(Print)和循环(Loop)。也就是说,使用一个交互式的 Python 控制台,输入一些代码,Python 对其进行求值并打印适当的输出,然后重复这个过程。Web 页面也可以提供这样的 REPL 环境,比如 Jupyter Notebook。",{"type":905,"attrs":1718,"content":1719},{"indent":7,"number":7,"align":120,"origin":120},[1720],{"type":909,"marks":1721,"text":921},[1722],{"type":917,"attrs":1723},{"color":919,"name":920},{"type":905,"attrs":1725,"content":1726},{"indent":7,"number":7,"align":120,"origin":120},[1727,1732,1739],{"type":909,"marks":1728,"text":1731},[1729],{"type":917,"attrs":1730},{"color":919,"name":920},"PyScript 可以使用",{"type":998,"content":1733,"marks":1736},[1734],{"type":909,"text":1735},"py-repl",[1737],{"type":917,"attrs":1738},{"color":919,"name":920},{"type":909,"marks":1740,"text":1743},[1741],{"type":917,"attrs":1742},{"color":919,"name":920},"标签提供与此类似的东西。在这个元素中,你可以让用户自己编写代码,也可以以编程方式输入代码。请看下面的例子:",{"type":905,"attrs":1745},{"indent":7,"number":7,"align":120,"origin":120},{"type":1076,"attrs":1747},{"src":1748,"alt":120,"title":120,"style":1749,"href":120,"fromPaste":851,"pastePass":851},"https://static001.geekbang.org/infoq/b6/b66645cc4bc41c399659afaff9f3d7ee.png",[1750,1751],{"key":1081,"value":1082},{"key":1084,"value":1085},{"type":905,"attrs":1753},{"indent":7,"number":7,"align":120,"origin":120},{"type":1076,"attrs":1755},{"src":1756,"alt":120,"title":120,"style":1757,"href":120,"fromPaste":851,"pastePass":851},"https://static001.geekbang.org/infoq/a7/a716f3728f2d077ead11eab508d64477.png",[1758,1759],{"key":1081,"value":1082},{"key":1084,"value":1085},{"type":905,"attrs":1761,"content":1762},{"indent":7,"number":7,"align":1096,"origin":120},[1763],{"type":909,"marks":1764,"text":1769},[1765,1767],{"type":1101,"attrs":1766},{"size":785},{"type":917,"attrs":1768},{"color":919,"name":920},"PyScript REPL(图片由作者提供)",{"type":905,"attrs":1771,"content":1772},{"indent":7,"number":7,"align":120,"origin":120},[1773],{"type":909,"marks":1774,"text":921},[1775],{"type":917,"attrs":1776},{"color":919,"name":920},{"type":905,"attrs":1778,"content":1779},{"indent":7,"number":7,"align":120,"origin":120},[1780,1785,1791,1796,1802],{"type":909,"marks":1781,"text":1784},[1782],{"type":917,"attrs":1783},{"color":919,"name":920},"如你所见,上图中有一个单元格,其中包括在",{"type":998,"content":1786,"marks":1788},[1787],{"type":909,"text":1735},[1789],{"type":917,"attrs":1790},{"color":919,"name":920},{"type":909,"marks":1792,"text":1795},[1793],{"type":917,"attrs":1794},{"color":919,"name":920},"标签中指定的代码。值得注意的是,单元格中的代码可以引用我们之前在",{"type":998,"content":1797,"marks":1799},[1798],{"type":909,"text":1064},[1800],{"type":917,"attrs":1801},{"color":919,"name":920},{"type":909,"marks":1803,"text":1806},[1804],{"type":917,"attrs":1805},{"color":919,"name":920},"标签中定义的变量。一切看起来都很协调。",{"type":981,"attrs":1808,"content":1809},{"align":120,"level":15},[1810],{"type":909,"marks":1811,"text":1814},[1812],{"type":917,"attrs":1813},{"color":919,"name":920},"感想",{"type":905,"attrs":1816},{"indent":7,"number":7,"align":120,"origin":120},{"type":905,"attrs":1818,"content":1819},{"indent":7,"number":7,"align":120,"origin":120},[1820],{"type":909,"marks":1821,"text":1824},[1822],{"type":917,"attrs":1823},{"color":919,"name":920},"本文介绍的内容是现阶段 PyScript 所能提供的主要亮点。它似乎是一个很有前途的产品,因为它提供了一个灵活的框架,让 Python 程序员可以在没有太多 Web 开发知识的情况下创建 Web 应用。然而,也有其他类似的成功的产品,因此,竞争会很激烈。",{"type":905,"attrs":1826,"content":1827},{"indent":7,"number":7,"align":120,"origin":120},[1828],{"type":909,"marks":1829,"text":921},[1830],{"type":917,"attrs":1831},{"color":919,"name":920},{"type":905,"attrs":1833,"content":1834},{"indent":7,"number":7,"align":120,"origin":120},[1835],{"type":909,"marks":1836,"text":1839},[1837],{"type":917,"attrs":1838},{"color":919,"name":920},"例如,如果我需要为自己的数据科学项目创建一个 Web 应用,我就会直接使用 Streamlit。它的功能已经相对成熟。请注意,虽然都与 Web 开发有关,但 PyScript 和 Streamlit 属于不同的产品系。PyScript 应该更通用,因为它的目标是让你可以在任何网页上嵌入任何 Python 代码,Streamlit 做不到这一点。",{"type":905,"attrs":1841,"content":1842},{"indent":7,"number":7,"align":120,"origin":120},[1843],{"type":909,"marks":1844,"text":921},[1845],{"type":917,"attrs":1846},{"color":919,"name":920},{"type":905,"attrs":1848,"content":1849},{"indent":7,"number":7,"align":120,"origin":120},[1850],{"type":909,"marks":1851,"text":1854},[1852],{"type":917,"attrs":1853},{"color":919,"name":920},"在 PyScript 为更多的人所接受之前,它有几个问题必须解决。例如,Web 页面的加载速度非常慢。如果你尝试跟随本教程运行代码,可能就会注意到,在 Web 页面的显示会有一个明显的滞后。",{"type":905,"attrs":1856,"content":1857},{"indent":7,"number":7,"align":120,"origin":120},[1858],{"type":909,"marks":1859,"text":921},[1860],{"type":917,"attrs":1861},{"color":919,"name":920},{"type":905,"attrs":1863,"content":1864},{"indent":7,"number":7,"align":120,"origin":120},[1865],{"type":909,"marks":1866,"text":1869},[1867],{"type":917,"attrs":1868},{"color":919,"name":920},"尽管如此,我还是觉得这个产品会继续发展,我的信心主要来自于它的开发者——给我们带来极好的 Anaconda 工具的 Anaconda 团队。",{"type":905,"attrs":1871},{"indent":7,"number":7,"align":120,"origin":120},{"type":905,"attrs":1873,"content":1874},{"indent":7,"number":7,"align":120,"origin":120},[1875],{"type":909,"marks":1876,"text":1882},[1877,1879],{"type":1878},"italic",{"type":917,"attrs":1880},{"color":1881,"name":920},"#333333","本文最初发布于Better Programming。",{"type":905,"attrs":1884},{"indent":7,"number":7,"align":120,"origin":120},{"type":905,"attrs":1886,"content":1887},{"indent":7,"number":7,"align":120,"origin":120},[1888,1893],{"type":909,"marks":1889,"text":1892},[1890],{"type":917,"attrs":1891},{"color":919,"name":920},"查看英文原文:",{"type":931,"attrs":1894,"content":1896},{"href":1895,"title":934,"type":120},"https://betterprogramming.pub/running-python-script-on-the-web-using-pyscript-the-next-big-thing-8ace9543d75",[1897],{"type":909,"text":1898},"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":895},"https://static-acl-001.geekbang.org/resource/article/95a26bcb608b3462ef1fdcaa10c962f7/content.json?auth_key=1774526102-6754235dfb5d40f794bab37325812aa5-0-fcbeb232acb7877c757b0a4d89886ff8&v_t=1653037602070",[],{"ai_subtitle":6,"ai_subtitle_vtt":6,"subtitle_url":6},[15,130,883,149,176],[879,131,884,150,177],[],[],["Reactive",1909],{"$sisMobile":895},["Set"],["ShallowReactive",1912],{"navConfig":-1,"headerMenuList":-1,"articleDetail":-1},"/article/MgtgoehSqE4Sa2dUqzAw",{"loginUser":1915,"main":1919},{"loginUser":1916,"userInfo":1918},["EmptyRef",1917],"null",["EmptyRef",1917],{"isMobile":1920,"isBottom":1922,"nowTime":1923,"isImmersion":1925,"messageCount":1926,"pageAction":1928,"showHeaderNotice":1929,"showHeaderFriendship":1930,"noticeLinePopup":1931,"isArticlePage":1932},["EmptyRef",1921],"false",["EmptyRef",1921],["Ref",1924],1774527872726,["EmptyRef",1921],["EmptyRef",1927],"0",["EmptyRef",1917],["EmptyRef",1921],["EmptyRef",1921],["EmptyRef",1921],["EmptyRef",1921]]</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:"3672bb5f-cbc1-4b8c-befb-7f55189e3551",buildAssetsDir:"static/web/nuxt/www.infoq.cn",cdnURL:"https://static001.geekbang.org"}}</script></body></html>