99999久久久久久亚洲,欧美人与禽猛交狂配,高清日韩av在线影院,一个人在线高清免费观看,啦啦啦在线视频免费观看www

熱線電話：13121318867

登錄
首頁精彩閱讀分享一個(gè)2022年火遍全網(wǎng)的Python框架
分享一個(gè)2022年火遍全網(wǎng)的Python框架
2022-05-18
收藏

作者：俊欣

來源：關(guān)于數(shù)據(jù)分析與可視化

最近Python圈子當(dāng)中出來一個(gè)非?；鸨目蚣?span style="color:#3594F7;">PyScript，該框架可以在瀏覽器中運(yùn)行Python程序，只需要在HTML程序中添加一些Python代碼即可實(shí)現(xiàn)。該項(xiàng)目出來之后便引起了轟動(dòng)，馬上躥升到了Github趨勢(shì)榜榜首，短短20天已經(jīng)有10K+的star了。既然如此，小編今天就帶大家來看看該框架是如何使用的。

HelloWorld

我們先來看一下簡(jiǎn)單的例子，代碼如下 

<html> <head> <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /> <script defer src="https://pyscript.net/alpha/pyscript.js"></script> </head> <body> <py-script> print('Hello, World!') </py-script> </body> </html>

其中Python代碼被包裹在了py-script標(biāo)簽里面，然后我們?cè)跒g覽器中查看出來的結(jié)果，如下所示

分享一個(gè)2022年火遍全網(wǎng)的Python框架

要不來畫個(gè)圖

下面這一個(gè)例子當(dāng)中，我們嘗試將matplotlib繪制圖表的代碼放置到HTML代碼當(dāng)中去，以實(shí)現(xiàn)繪制出一張直方圖的操作。首先是matplotlib代碼部分， 

import matplotlib.pyplot as plt import numpy as np

np.random.seed(42) ## 隨機(jī)生成滿足正態(tài)分布的隨機(jī)數(shù)據(jù) rv = np.random.standard_normal(1000)

fig, ax = plt.subplots()
ax.hist(rv, bins=30)

output

分享一個(gè)2022年火遍全網(wǎng)的Python框架

然后我們將上面的代碼放置到HTML代碼當(dāng)中去，代碼如下 

<html> <head> <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css"/> <script defer src="https://pyscript.net/alpha/pyscript.js"></script> <py-env> - numpy
        - matplotlib </py-env> </head> <body> <h1>Plotting a histogram of Standard Normal distribution</h1> <div id="plot"></div> <py-script output="plot"> import matplotlib.pyplot as plt
    import numpy as np
    np.random.seed(42)
    rv = np.random.standard_normal(1000)
    fig, ax = plt.subplots()
    ax.hist(rv, bins=30)
    fig </py-script> </body> </html>

output

分享一個(gè)2022年火遍全網(wǎng)的Python框架

由于我們后面需要用到numpy和matplotlib兩個(gè)庫，因此我們通過py-env標(biāo)簽來引進(jìn)它們，另外

再畫個(gè)折線圖

我們?cè)谏厦娴幕A(chǔ)之上，再來繪制一張折線圖，首先我們?cè)賱?chuàng)建一個(gè)div標(biāo)簽，里面的id是lineplot，代碼如下 

<div id="lineplot"></div>

同樣地在py-script標(biāo)簽中放置繪制折線圖的代碼，output對(duì)應(yīng)div標(biāo)簽中的id值 

<py-script output="lineplot"> ......... </py-script>

繪制折線圖的代碼如下 

import matplotlib.pyplot as plt fig, ax = plt.subplots() year1 = [2016, 2017, 2018, 2019, 2020] population1 = [30, 46, 45, 55, 48] year2 = [2016, 2017, 2018, 2019, 2020] population2 = [43, 48, 44, 75, 45] plt.plot(year1, population1, marker='o', linestyle='--', color='g', label='Countr_1') plt.plot(year2, population2, marker='d', linestyle='-', color='r', label='Country_2') plt.xlabel('Year') plt.ylabel('Population (M)') plt.title('Year vs Population') plt.legend(loc='lower right') fig

output

分享一個(gè)2022年火遍全網(wǎng)的Python框架

現(xiàn)階段運(yùn)行帶有Pyscript的頁面加載速度并不會(huì)特別地快，該框架剛剛推出，仍然處于測(cè)試的階段，后面肯定會(huì)不斷地優(yōu)化。要是遇到加載速度慢地問題，讀者朋友看一下是不是可以通過更換瀏覽器得以解決。

數(shù)據(jù)分析咨詢請(qǐng)掃描二維碼

若不方便掃碼，搜微信號(hào)：CDAshujufenxi

數(shù)據(jù)分析師資訊
更多

OK
客服在線
立即咨詢
客服在線
立即咨詢
') } function initGt() { var handler = function (captchaObj) { captchaObj.appendTo('#captcha'); captchaObj.onReady(function () { $("#wait").hide(); }).onSuccess(function(){ $('.getcheckcode').removeClass('dis'); $('.getcheckcode').trigger('click'); }); window.captchaObj = captchaObj; }; $('#captcha').show(); $.ajax({ url: "/login/gtstart?t=" + (new Date()).getTime(), // 加隨機(jī)數(shù)防止緩存 type: "get", dataType: "json", success: function (data) { $('#text').hide(); $('#wait').show(); // 調(diào)用 initGeetest 進(jìn)行初始化 // 參數(shù)1：配置參數(shù) // 參數(shù)2：回調(diào)，回調(diào)的第一個(gè)參數(shù)驗(yàn)證碼對(duì)象，之后可以使用它調(diào)用相應(yīng)的接口 initGeetest({ // 以下 4 個(gè)配置參數(shù)為必須，不能缺少 gt: data.gt, challenge: data.challenge, offline: !data.success, // 表示用戶后臺(tái)檢測(cè)極驗(yàn)服務(wù)器是否宕機(jī) new_captcha: data.new_captcha, // 用于宕機(jī)時(shí)表示是新驗(yàn)證碼的宕機(jī) product: "float", // 產(chǎn)品形式，包括：float，popup width: "280px", https: true // 更多配置參數(shù)說明請(qǐng)參見：http://docs.geetest.com/install/client/web-front/ }, handler); } }); } function codeCutdown() { if(_wait == 0){ //倒計(jì)時(shí)完成 $(".getcheckcode").removeClass('dis').html("重新獲取"); }else{ $(".getcheckcode").addClass('dis').html("重新獲取("+_wait+"s)"); _wait--; setTimeout(function () { codeCutdown(); },1000); } } function inputValidate(ele,telInput) { var oInput = ele; var inputVal = oInput.val(); var oType = ele.attr('data-type'); var oEtag = $('#etag').val(); var oErr = oInput.closest('.form_box').next('.err_txt'); var empTxt = '請(qǐng)輸入'+oInput.attr('placeholder')+'！'; var errTxt = '請(qǐng)輸入正確的'+oInput.attr('placeholder')+'！'; var pattern; if(inputVal==""){ if(!telInput){ errFun(oErr,empTxt); } return false; }else { switch (oType){ case 'login_mobile': pattern = /^1[3456789]\d{9}$/; if(inputVal.length==11) { $.ajax({ url: '/login/checkmobile', type: "post", dataType: "json", data: { mobile: inputVal, etag: oEtag, page_ur: window.location.href, page_referer: document.referrer }, success: function (data) { } }); } break; case 'login_yzm': pattern = /^\d{6}$/; break; } if(oType=='login_mobile'){ } if(!!validateFun(pattern,inputVal)){ errFun(oErr,'') if(telInput){ $('.getcheckcode').removeClass('dis'); } }else { if(!telInput) { errFun(oErr, errTxt); }else { $('.getcheckcode').addClass('dis'); } return false; } } return true; } function errFun(obj,msg) { obj.html(msg); if(msg==''){ $('.login_submit').removeClass('dis'); }else { $('.login_submit').addClass('dis'); } } function validateFun(pat,val) { return pat.test(val); }