likes
comments
collection
share

brython | 初始化项目brython是一个python 3项目,该项目的目的是让不熟悉javascript的小伙

作者站长头像
站长
· 阅读数 45

你可能很好奇,brython是什么? 有什么用? 如何快速初始化一个项目? 这篇文章可以告诉你哦。

brython是什么

brython是一个python 3项目,该项目的目的是让不熟悉javascript的小伙伴,也能够使用python来作为web浏览器的脚本语言。

该项目的github地址为: github.com/brython-dev…

作为当今的web,我们知晓,不仅会将服务器内容输出到页面,还会与用户进行交互,所以在使用python作为脚本语言的时候,会面临一个问题,我们如何获取页面对象的数据,换言之即如何操作DOM?

brython如何操作DOM

这里只是铺垫一下brython操作DOM的区别,无需实验,后续会做详细介绍。

在了解这个问题之前,我们不妨搜索一下javascript是如何操作DOM的呢?哦,原来在javascript中有一个对象叫做document

javascript中,我们获取id的元素,我们可以使用如下语句:

var userInfo = document.getElementById("userInput")

可惜python原生并没有给我们提供操作DOM的对象,但是brython给我们提供了browser包,即实现同样的功能,我们使用brython定义则如下:

import browser 

userInfo = browser.document["userInput"]

brython生态如何

不建议在生产环境中使用brython,容易蹚坑。遇到问题查询资料较少,需要自己查询源码或者做实验。 目前环境下,建议仅学习使用。哦,对了,如果你想写出不可维护的代码,那么恭喜你,这个非常适合你,届时如果上了生成环境,那么前端看不懂python代码,后端看不懂html/css代码,你就成为了公司的中流砥柱。

初始化项目

我们想编写brython,有如下途径:

直接引用brython.js

我们直接新建一个demo.html键入如下代码即可

brython | 初始化项目brython是一个python 3项目,该项目的目的是让不熟悉javascript的小伙

若要使用brython作为动态语言进行输出的话,我们需要在添加onload="brython()"

而python代码则应该用<script type="text/python"></script>标签包含。

具体python代码如下:

在本地安装使用brython

在使用之前,请将python版本升级为3.10

使用pip install brython可以安装brython

使用brython-cli install可以初始化一个项目,产生的文件为:

brython | 初始化项目brython是一个python 3项目,该项目的目的是让不熟悉javascript的小伙

直接引用本地的js就可以了,代码是一样的,这里暂不介绍了。

总结

brython也许对于前端大佬们来说是鸡肋,但是对于不熟悉javascript而又了解python的后端们来说,那就是香饽饽。 文章介绍了brython基本内容,以及和javascript的区别,最后讲述了如何初始化一个brython项目。

怎么样好玩么? 快动动你的小手指来试试吧。

转载自:https://juejin.cn/post/7153640242145296421
评论
请登录