python又搞事情想一统天下？

业界作者：SegmentFault 2022-05-13 15:19:21

作者：我的小熊不见了

来源：SegmentFault 思否社区

python最近又在搞大事情，就在最近，github上突然多了一个神奇的项目

git地址：https://github.com/pyscript/pyscript

并且最近一直在更新。一看这个名字就让我们不禁想起JavaScript，再去官网一看

pyscript官网：https://pyscript.net/

这家伙不仅模仿了JavaScript的名字，甚至连身子都想要取而代之！

官方对pyscript的期望是可以在浏览器上直接运行python。


<html>|

    ...|

    <py-script> print('Now you can!') </py-script>|

</html>|

怀着一颗好奇心，我们把github上的代码克隆下来，发现是一个基于node的前端项目，那第一步先把他跑起来！

进入\pyscript-main\pyscriptjs目录下，

首先安装依赖 cnpm i
然后先在本地运行 npm run dev
打开 http://localhost:8080/

首页是一个纯纯的html文件，在\pyscript-main\pyscriptjs\examples目录下的index.html，如下图：

我们先来看看最简单的Hello world页面，如下图：

页面确实够简单，再看看它的代码：

 <body>
    Hello world! <br>
    This is the current date and time, as computed by Python:
    <py-script>
from datetime import datetime
now = datetime.now()
now.strftime("%m/%d/%Y, %H:%M:%S")
    </py-script>
  </body>

想必大家都可以看得懂这段代码，精彩的点在于，只要在<py-script>标签中，就可以直接使用python语法来进行操作了，并且似乎比JavaScript还要直接嗷，甚至还有点数据绑定的意思。

再来看看另一个经典的例子，todo_list，对应todo.html,如下图：

再看代码：


...
 <py-script src="/todo.py">  </py-script>
...
<section>

    <div class="text-center w-full mb-8">
      <h1 class="text-3xl font-bold text-gray-800 uppercase tracking-tight">To Do List</h1>
    </div>
    <div>
      <input id="new-task-content" class="border flex-1 mr-3 border-gray-300 p-2 rounded" type="text">
      <button id="new-task-btn" class="p-2 text-white bg-blue-600 border border-blue-600 rounded" type="submit" pys-onClick="add_task">
        Add task
      </button>
    </div>

    <py-list id="myList"></py-list>
    <div id="list-tasks-container" class="flex flex-col-reverse mt-4">
  </div>

    <template id="task-template">
        <section class="task bg-white my-1">
            <label for="flex items-center p-2 ">
              <input class="mr-2" type="checkbox" class="task-check">
              <p class="m-0 inline"></p>
            </label>
        </section>
      </template>

  </section>

在代码最上面竟然引入了一个.py文件，代码中使用pys-onClick绑定了add_task方法，而add_task方法在引入的todo.py中进行了声明：


def add_task(*ags, **kws):
   ...

也就是说，pyscript真的可以做到和JavaScript在浏览器中运行时一样的调用体验，甚至还可以在浏览器中引用python类库！

在另一个todo_pylist.html页面中，提供了直接在浏览器中运行python命令的方法，

为了显示自己在处理复杂图形方面的能力，示例中还提供了和three.js结合而成的webgl示例页面：

和一些图表页面：

可以看到，在功能实现上，pyscript基本可以实现JavaScript能够实现的功能。

不过从目前的体验上来看，在浏览器上运行python属实是够慢的，每次打开页面都得等好几秒，并且第一次打开页面的时候竟然还要下载python类库，github上已经有人提出了这个问题，并且官方回答他们已经努力了，并且还在继续努力。

有网友说又可以少掌握一门语言多实现一项功能。不过从目前用户体验这个角度来看，pyscript想要取代JavaScript在浏览器上的地位可能还有一段路要走，但是却给我们提供了玩python的另一条新道路。pyscript还可以朝着哪些方面发展，欢迎大家提出自己的看法。

点击左下角阅读原文，到 SegmentFault 思否社区 和文章作者展开更多互动和交流，扫描下方”二维码“或在“公众号后台“回复“ 入群 ”即可加入我们的技术交流群，收获更多的技术文章~

- END -

延伸阅读

EXAM-MASTER 基于 Python + Flask 框架实现的全平台在线刷题系统

EXAM-MASTER 是一款基于 Python + Flask 框架实现的全平台在线刷题系统，旨在为用户提供便捷、高效的学习与练习体验。该系统现已全面支持 Web 端和 Android 移动端，通过
WaterCrawl开源爬虫神器碾压传统工具

WaterCrawl横空出世，这个开源项目已经获得28个Fork，集成了Python、Django、Scrapy、Celery等主流技术栈。一个平台解决所有数据采集需求。核心功能突破高度可定制的网络爬
WeRSS高效的开源微信公众号订阅工具

WeRSS 是一个用于订阅和管理微信公众号内容的工具，提供了 RSS 订阅功能。该项目采用前后端分离架构，后端使用 Python + FastAPI 搭建，前端基于 Vue 3 + Vite 开发，数

关注公众号：拾黑（shiheibook）了解更多

赞助链接：

关注数据与安全，洞悉企业级服务市场：https://www.ijiandao.com/
四季很好，只要有你，文娱排行榜：https://www.yaopaiming.com/
让资讯触达的更精准有趣：https://www.0xu.cn/

*文章为作者独立观点，不代表 K2数据恢复大师立场

本文由 SegmentFault发表，转载此文章须经作者同意，并请附上出处( K2数据恢复大师 )及本页链接。

原文链接 https ://www.51uos.com/news/industry/3691.html

Python

关注网络尖刀微信公众号
随时掌握互联网精彩

python又搞事情 想一统天下？

EXAM-MASTER 基于 Python + Flask 框架实现的全平台在线刷题系统

WaterCrawl开源爬虫神器碾压传统工具

WeRSS高效的开源微信公众号订阅工具

python又搞事情想一统天下？