写点什么

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