又有時(shí)候，你想做一個(gè)網(wǎng)頁(yè)，但是你只會(huì)HTML和Python。那么如果要做一個(gè)帶有一些復(fù)雜邏輯的網(wǎng)頁(yè)，只能去學(xué)JavaScript嗎?

公司主營(yíng)業(yè)務(wù)：網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶(hù)真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶(hù)帶來(lái)驚喜。創(chuàng)新互聯(lián)推出瓜州免費(fèi)做網(wǎng)站回饋大家。

其實(shí)未必。如果你不考慮網(wǎng)頁(yè)美觀的話(huà)，你可以用HTML + Python實(shí)現(xiàn)一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。

今天我們要介紹的東西，叫做PyScript，使用它，不需要安裝任何軟件。只要有一個(gè)記事本，就能寫(xiě)一段HTML+Python的代碼。寫(xiě)完以后，雙擊這個(gè)HTML文件，用瀏覽器打開(kāi)，就能直接看到Python代碼的運(yùn)行結(jié)果。

假設(shè)我現(xiàn)在要寫(xiě)一段代碼，使用高效的算法計(jì)算斐波那契數(shù)列前10項(xiàng)的值?，F(xiàn)在我已經(jīng)把代碼寫(xiě)好了，想驗(yàn)證一下它是否正確：

def fib(n):
    if n in [1, 2]:
        return 1
    a = 1
    b = 1
    for _ in range(2, n):
        a, b = b, a + b
    return b

我的電腦上沒(méi)有Python，我也不知道任何在線(xiàn)的Python解釋器。怎么辦呢?這個(gè)時(shí)候，你只需要在這個(gè)Python代碼的前后再添加一些HTML代碼，把它保存成一個(gè).html文件就可以了：

  
    
    
  
  
    
def fib(n):
    if n in [1, 2]:
        return 1
    a = 1
    b = 1
    for _ in range(2, n):
        a, b = b, a + b
    return b

for i in range(1, 11):
    print(f'第{i}項(xiàng)的結(jié)果是：{fib(i)}')
    
  

保存以后，雙擊這個(gè)HTML文件，用瀏覽器打開(kāi)，就可以看到運(yùn)行結(jié)果了，如下圖所示：

到目前為止，似乎跟那些在線(xiàn)的Python運(yùn)行環(huán)境沒(méi)什么區(qū)別。但PyScript更厲害的是，它自帶了一些常見(jiàn)的第三方庫(kù)，例如numpy或者M(jìn)atplot，甚至它還可以手動(dòng)安裝第三方庫(kù)。

對(duì)于它自帶的numpy和matplotlib，可以直接使用標(biāo)簽聲明：

    
    
    
      
        - numpy
        - matplotlib
      
    

  
    
Let's plot random numbers

    

    
import matplotlib.pyplot as plt
import numpy as np

x = np.random.randn(1000)
y = np.random.randn(1000)

fig, ax = plt.subplots()
ax.scatter(x, y)
fig
    
  

運(yùn)行效果如下圖所示：

如果你想安裝第三方庫(kù)，只需要去下載這個(gè)庫(kù)對(duì)應(yīng)的.whl文件，把它跟HTML文件放到一起，然后在中使用相對(duì)路徑導(dǎo)入就可以了。但經(jīng)過(guò)我的測(cè)試，導(dǎo)入的requests工作起來(lái)有點(diǎn)問(wèn)題。因此就不多介紹了?？纯垂俜绞欠駮?huì)修復(fù)這個(gè)bug吧。

PyScript的Github[1]上，給了不少Demo，甚至可以用它來(lái)做超級(jí)馬里奧的網(wǎng)頁(yè)游戲。大家有興趣可以看看。

總結(jié)

目前僅僅從運(yùn)行Python代碼這個(gè)小功能上，PyScript做的比Jupyter還是差遠(yuǎn)了。但是PyScript可以編輯修改HTML元素，這樣它就可以在一定程度上替代JavaScript，從而配合HTML實(shí)現(xiàn)一些功能復(fù)雜的網(wǎng)頁(yè)。

參考資料

[1]Github: https://github.com/pyscript/pyscript

本文名稱(chēng)：一日一技：拋掉JavaScript，用HTML和Python做網(wǎng)站
文章分享：http://www.5511xx.com/article/dphpgig.html