整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

前端开发,不用 JavaScript 行不行?- 基

鍓嶇寮€鍙戯紝涓嶇敤 JavaScript 琛屼笉琛岋紵- 鍩虹绡?(绗?鑺?

鏃ユ鑳介噺瀵勮锛氬姫鍔涜鑷繁瀹炲姏杩囦汉锛屾墠鑳借繃涓婂埆浜哄彛涓殑閿﹂菠浜虹敓銆傛兂瑕佺垎妫氱殑杩愭皵锛岄鍏堝緱浠樺嚭鏇村鐨勬睏姘达紒


switch娴佺▼璇彞

璇硶锛歴witch锛堝彉閲忥級{

case 鍊?:document.write();

Break;

case 鍊?:

document.write();

Break;

......

Default:document.write();

}

鎵ц锛氬彉閲弉 鍜屽€?姣旇緝锛屽鏋滅浉鍚岋紝灏变細鎵ц鍊?鍚庤鍗栧紕鐨勭殑鍐呭锛屽鏋滀笉鐩稿悓鐨勮瘽锛屽氨浼氭瘮杈冨彉閲弉鍜屽€?鏄惁鐩稿悓锛屽鏋滅浉鍚岋紝灏辨槸鎵ц鍊?鍚庨潰鐨勫唴瀹癸紝濡傛灉涓嶇浉鍚岋紝缁х画寰€鍚庨潰姣旇緝銆備竴鐩存瘮杈冧笅鍘伙紝濡傛灉閮戒笉婊¤冻鐨勮瘽锛屽氨浼氭墽琛宒efault 鍊煎悗闈㈢殑鍐呭銆?/p>

涓嬮潰鏉ョ洿鎺ョ粰澶у鏉ュ疄渚嬩唬鐮侊細

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>javascript 瀛︿範鏁欑▼鍩虹绡囷紙绗?鑺傦級</title>

<script type="text/javascript">

/**

* switch 娴佺▼鎺у埗璇彞

* 璇硶锛歴witch(鍙橀噺){ case 鍊?: 鎵ц鐨勫唴瀹瑰潡;break;璺冲嚭姣斿銆俤efault:鎵ц鐨勫唴瀹瑰潡锛岃〃绀哄彉閲忎笌鍊间笉鍚屾椂锛屾墽琛岀殑缁撴灉 }

*/

var n=2;

switch(n){

case 1:

document.write("鏄熸湡涓€");

break;

case 2:

document.write("鏄熸湡浜?);

break;

case 3:

document.write("鏄熸湡涓?);

break;

case 4:

document.write("鏄熸湡鍥?);

break;

case 5:

document.write("鏄熸湡浜?);

break;

case 6:

document.write("鏄熸湡鍏?);

break;

default:

document.write("鏄熸湡澶?);

break;

}

// switch 鎵╁睍鍐呭,褰撲娇鐢ㄦ瘮杈冨ぇ灏忕殑鏉′欢鏃讹紝switch(true)}{}缁撴瀯

var i=93;

switch(true) {

case 80<i:

document.write("鎴愮哗浼樼");

break;

case 70<i:

document.write("鎴愮哗鑹ソ");

break;

case 60<i:

document.write("鍙婃牸");

}

</script>

</head>

<body></body>

</html>

鍥犱负杩欎袱澶╂湁浜涚壒娈婄殑鍘熷洜锛屽唴瀹瑰啓鐨勬瘮杈冪畝娲侊紝甯屾湜澶у鎶婅繖浜涘熀纭€鐨勪笢瑗夸竴瀹氳鐔熻鍜屾敹钘忚捣鏉ワ紝鍥犱负鍦ㄤ互鍚庡綋涓敤鐨勯兘姣旇緝澶氥€?/p>

鎺ヤ笅鏉ョ粰澶у棰勫憡涓嬩竴鑺傜殑涓昏鍐呭锛歸hile寰幆鍜宒o...while寰幆鐨勬祦绋嬫帶鍒惰鍙ャ€?/p>

鏈熷緟浣犵殑鍏虫敞锛屾垜鏄姳蹇楀摜锛屾瘡澶╀笌姝h兘閲忎竴璺墠琛岋紒锛?/p>

鐫€Web搴旂敤绋嬪簭鐨勫鏉傛€у拰浜や簰鎬т笉鏂彁楂橈紝鐜颁唬鍓嶇妗嗘灦鐨勫彂灞曞凡缁忚秺鏉ヨ秺閲嶈缁勪欢鍖栧拰鏁版嵁椹卞姩鐨勫紑鍙戞ā寮忋€傚湪杩欑鑳屾櫙涓嬶紝鍓嶇妗嗘灦鏀惧純浜咹TML鐨勫父瑙勭敤娉曪紝閲囩敤浜嗘柊鐨勬ā鏉胯娉曞拰缁勪欢鍖栧紑鍙戞柟寮忋€傝繖鏍峰仛鐨勫師鍥犱富瑕佹湁浠ヤ笅鍑犱釜鏂归潰锛?/p>

涓€銆佹彁楂樺紑鍙戞晥鐜?/p>

浼犵粺鐨凥TML寮€鍙戞柟寮忛渶瑕佹墜鍔ㄧ紪鍐欏ぇ閲忕殑HTML浠g爜锛屽寘鎷琀TML缁撴瀯鍜屾牱寮忕瓑銆傝繖绉嶆柟寮忎笉浠呯箒鐞愯€屼笖瀹规槗鍑洪敊锛岀壒鍒槸鍦ㄥ紑鍙戝ぇ鍨媁eb搴旂敤绋嬪簭鏃朵細瀵艰嚧寮€鍙戞晥鐜囦綆涓嬨€傝€岀幇浠e墠绔鏋堕噰鐢ㄧ粍浠跺寲鐨勫紑鍙戞柟寮忥紝鍙互灏嗛〉闈㈠垝鍒嗕负澶氫釜缁勪欢锛屾瘡涓粍浠跺彧鍏虫敞鑷繁鐨勫姛鑳藉拰鏍峰紡銆傝繖鏍峰彲浠ュぇ澶ф彁楂樺紑鍙戞晥鐜囷紝鍑忓皯浠g爜閲忥紝闄嶄綆鍑洪敊鐜囥€?/p>

浜屻€佹彁楂樹唬鐮侀噸鐢ㄦ€?/p>

鍦ㄤ紶缁熺殑HTML寮€鍙戞柟寮忎腑锛屽線寰€闇€瑕佸湪涓嶅悓鐨勯〉闈腑澶氭浣跨敤鐩稿悓鐨凥TML缁撴瀯鍜屾牱寮忋€傝繖绉嶆柟寮忓鑷翠唬鐮侀噸澶嶇巼杈冮珮锛屼笉鍒╀簬浠g爜鐨勭淮鎶ゅ拰鏇存柊銆傝€岀幇浠e墠绔鏋堕噰鐢ㄧ粍浠跺寲鐨勫紑鍙戞柟寮忥紝鍙互灏嗙浉鍚岀殑缁勪欢鎶借薄鍑烘潵锛屼互缁勪欢鐨勫舰寮忚繘琛岄噸鐢ㄣ€傝繖鏍峰彲浠ユ彁楂樹唬鐮佺殑閲嶇敤鎬э紝鍑忓皯浠g爜鍐椾綑锛屾洿瀹规槗杩涜缁存姢鍜屾洿鏂般€?/p>

涓夈€佸疄鐜版暟鎹┍鍔ㄧ殑寮€鍙?/p>

鐜颁唬鍓嶇妗嗘灦寰€寰€閲囩敤鏁版嵁椹卞姩鐨勫紑鍙戞ā寮忥紝鍗冲皢鏁版嵁涓庤鍥捐繘琛岀粦瀹氾紝瀹炵幇瑙嗗浘鐨勮嚜鍔ㄦ洿鏂般€傝繖绉嶆柟寮忛渶瑕侀噰鐢ㄦ柊鐨勬ā鏉胯娉曞拰缁勪欢鍖栧紑鍙戞柟寮忥紝浠ユ敮鎸佹暟鎹粦瀹氬拰鍔ㄦ€佽鍥炬洿鏂般€傜浉姣斾紶缁熺殑HTML寮€鍙戞柟寮忥紝杩欑鏂瑰紡鍙互鏇村ソ鍦板疄鐜版暟鎹笌瑙嗗浘鐨勫垎绂伙紝鏇村鏄撹繘琛屾暟鎹殑绠$悊鍜屾洿鏂般€?/p>

鍥涖€佹彁楂樿法骞冲彴鍏煎鎬?/p>

闅忕潃绉诲姩绔拰妗岄潰绔簲鐢ㄧ▼搴忕殑涓嶆柇鍙戝睍锛學eb搴旂敤绋嬪簭涔熼渶瑕佸叿澶囨洿濂界殑璺ㄥ钩鍙板吋瀹规€с€備紶缁熺殑HTML寮€鍙戞柟寮忓湪涓嶅悓娴忚鍣ㄥ拰璁惧涓殑琛ㄧ幇涓嶄竴鑷达紝闇€瑕佽繘琛屽ぇ閲忕殑娴忚鍣ㄥ吋瀹规€у鐞嗐€傝€岀幇浠e墠绔鏋堕噰鐢ㄦ柊鐨勬ā鏉胯娉曞拰缁勪欢鍖栧紑鍙戞柟寮忥紝鍙互鏇村ソ鍦板疄鐜拌法骞冲彴鍏煎鎬э紝鍑忓皯娴忚鍣ㄥ吋瀹规€ч棶棰樸€?/p>

鎬讳箣锛岀幇浠e墠绔鏋堕噰鐢ㄦ柊鐨勬ā鏉胯娉曞拰缁勪欢鍖栧紑鍙戞柟寮忥紝涓昏鏄负浜嗘彁楂樺紑鍙戞晥鐜囥€佷唬鐮侀噸鐢ㄦ€с€佸疄鐜版暟鎹┍鍔ㄧ殑寮€鍙戝拰璺ㄥ钩鍙板吋瀹规€с€傝繖绉嶅紑鍙戞柟寮忛€傚悎浜庡紑鍙戝ぇ鍨嬨€佸鏉傘€佷氦浜掓€у己鐨刉eb搴旂敤绋嬪簭锛岀壒鍒槸鍦ㄥ洟闃熷崗浣滃紑鍙戜腑鏇村姞閫傜敤銆?/p>

濂斤紝鎴戞槸鍧氭寔鍒嗕韩骞茶揣鐨?EarlGrey锛岀炕璇戝嚭鐗堣繃銆奝ython缂栫▼鏃犲笀鑷€氥€嬨€併€奝ython骞惰璁$畻鎵嬪唽銆嬬瓑鎶€鏈功绫嶃€?/p>


濡傛灉鎴戠殑鍒嗕韩瀵逛綘鏈夊府鍔╋紝璇?/span>鍏虫敞鎴?/strong>锛屼竴璧峰悜涓婅繘鍑汇€?/span>

鑻辨枃 | https://python.plainenglish.io/8-python-frameworks-for-frontend-development-javascript-alternatives-2370e0cf6ae9

JavaScript 鏄?Web 寮€鍙戦鍩熼噷闈炲父閲嶈鐨勬妧鏈箣涓€锛屽苟涓旀槸姣忎釜寮€鍙戣€呴兘蹇呴』鎺屾彙鐨勬妧鑳姐€?/p>

鑰屾垜浣滀负涓€涓紑濮嬩娇鐢?Python 缂栫▼鐨勪汉锛屾垜甯屾湜鏋勫缓鐢ㄦ埛鍙互涓庝箣浜や簰骞舵煡鐪嬫垜鍒涘缓鐨勫彲瑙嗗寲鏁堟灉鐨勫簲鐢ㄧ▼搴忋€傚浜忎簡杩欎簺妗嗘灦锛屾垜鎵嶈兘澶熷疄鐜拌繖涓€鐩爣銆?/p>

鍦ㄦ湰鏂囦腑锛屾垜灏嗗垎浜竴浜涙兂瑕侀€氳繃 Python 鏉ユ瀯寤哄緢閰风殑搴旂敤绋嬪簭銆?/p>

閭d簺锛屾垜浠幇鍦ㄥ氨寮€濮嬪惂銆?/p>

01銆丷eflex

Reflex锛堜互鍓嶇О涓?Pynecone锛夋槸涓€涓紑婧愭鏋讹紝杩欐剰鍛崇潃鎮ㄥ彲浠ヤ娇鐢?Reflex 鏋勫缓搴旂敤绋嬪簭鍓嶇銆佸悗绔苟杩涜閮ㄧ讲銆?/p>

浜嬪疄涓婏紝Reflex瀹樻柟鏂囨。灏辨槸鐢≧eflex鏋勫缓鍜岄儴缃茬殑銆傚畠寰堝鏄撳涔狅紝鎮ㄤ笉闇€瑕?Web 寮€鍙戠煡璇嗗氨鍙互鍦?Reflex 涓瀯寤哄簲鐢ㄧ▼搴忋€?/p>

鍊熷姪 Reflex 鍐呯疆鐨?ORM锛屾偍鍙互杩炴帴鍒版偍閫夋嫨鐨勪换浣?SQL 鏁版嵁搴擄紝骞舵瀯寤哄洿缁?React锛堜竴绉嶆祦琛岀殑 JavaScript 妗嗘灦锛夌殑缁勪欢銆?/p>

02銆丗let

鍚杩嘑lutter鍚楋紵瀹冪敱 Google 寮€鍙戠殑娴佽妗嗘灦銆侳let 鍩轰簬 Flutter锛屽畠鍏佽浣犱娇鐢?Python 缂栫▼鏋勫缓浜や簰寮?Web銆佹闈㈠拰绉诲姩搴旂敤绋嬪簭銆?/p>

Flet 鐨勭伒娲绘€ц浣犳湁鏈轰細娣诲姞鍔ㄧ敾鍜屾巿鏉冿紝鐢氳嚦鏋勫缓璺ㄥ钩鍙板簲鐢ㄧ▼搴忋€?/p>

Flet 鏀寔璺敱锛屽苟涓旈€氳繃 Flet 鎺т欢锛屼綘鍙互鏋勫缓鍩烘湰鍒板鏉傜殑鐢ㄦ埛鐣岄潰銆?/p>

瀹冨氨鍍忓畠鐨勭埗妗嗘灦 Flutter 涓€鏍锋槗浜庡涔犲拰涓婃墜銆?/p>

鏌ョ湅 Flet 鍥惧簱骞舵煡鐪嬩娇鐢?Flet 鏋勫缓鐨勫嚭鑹插簲鐢ㄧ▼搴忋€?/p>

03銆丼olara

涓?Reflex 涓嶅悓锛孲olara 鏄竴涓厑璁镐綘涓哄簲鐢ㄧ▼搴忔瀯寤?UI 缁勪欢鐨勫簱銆備綘鍙互鎷ユ湁涓€涓甫鏈?FastAPI銆丏jango 鎴?Flask 鍚庣鐨勫簲鐢ㄧ▼搴忥紝骞朵娇鐢?Solara 鏋勫缓鐢ㄦ埛鐣岄潰銆?/p>

Solara 鐨勫彟涓€涓湁瓒g殑鍔熻兘鏄兘澶熷湪 Jupyter Notebook 涓娇鐢ㄥ畠銆係olara 鍙互澶勭悊鐘舵€佺鐞嗐€佽矾鐢变互鍙婃瀯寤虹畝鍗曞埌澶嶆潅鐨?UI 缁勪欢鍜屾寕閽╋紝鑰屾棤闇€绂诲紑鎮ㄧ殑鑸掗€傚尯 - Python銆?/p>

鐒惰€岋紝濡傛灉浣犱笓娉ㄤ簬鏋勫缓鏁版嵁搴旂敤绋嬪簭锛孲olara 鏄竴涓悎閫傜殑閫夋嫨銆?/p>

04銆丼hiny

杩欐槸鎴戞渶鍠滄鐨勶紝鍥犱负 R 缂栫▼鏄垜璁ょ湡瀵瑰緟鐨勭涓€绉嶇紪绋嬭瑷€锛屽敖绠℃垜鍦ㄦ湰绉戞椂瀛︿範浜?FORTRAN锛屽湪涓鏃跺涔犱簡 BASIC銆?/p>

鎴戣 R 鏄洜涓?Shiny 鏈€鍒濇槸鐢?R 鏋勫缓鐨勶紝鏈€杩戜篃寮€鍙戜簡 Python 鐨?Shiny 妗嗘灦銆?/p>

Shiny 涓撴敞浜庡弽搴旀€у師鍒欙紝閫氳繃鍒嗗埆鏋勫缓鐢ㄦ埛鐣岄潰鍜屼氦浜掓€э紝骞跺厑璁稿鎴风鎴栨湇鍔″櫒绔姩鎬佹洿鏀圭敤鎴风晫闈€?/p>

Shiny杩樻敮鎸佽矾鐢憋紝鏄瀯寤烘暟鎹簲鐢ㄧ▼搴忕殑鍚堥€傞€夋嫨銆備綘鍙互鏌ョ湅鎴戠敤 Shiny 鏋勫缓鐨勮繖涓綉缁滃簲鐢ㄧ▼搴忋€?/p>

05銆乁nicorn

濡傛灉鎮ㄦ槸 Django 寮€鍙戜汉鍛橈紝鍙互浣跨敤澶氱鏂规硶鏉ュ鐞嗗簲鐢ㄧ▼搴忎腑鐨勪氦浜掓€с€?/p>

鍏朵腑涓€浜涙柟娉曢渶瑕佺寮€浣犵殑鑸掗€傚尯锛屼綘蹇呴』瀛︿範涓€涓?JavaScript 妗嗘灦鎴栧彟涓€涓€?/p>

鍊熷姪 Unicorn锛屼綘鍙互鍚戞ā鏉挎坊鍔犱氦浜掑苟鍦ㄥ箷鍚庡姩鎬佹洿鏂?HTML DOM锛屾棤闇€鍦?React銆丄ngular 鎴?Vue 绛夊簲鐢ㄧ▼搴忎腑璋冪敤鍚庣 API 绔偣銆?/p>

06銆丳yScript

PyScript 鏄竴涓厑璁镐綘鐩存帴鍦ㄦ祻瑙堝櫒涓瀯寤?Web 搴旂敤绋嬪簭鐨勬鏋躲€傚畠鍍?JavaScript 涓€鏍锋搷浣?DOM锛屽苟涓斿彲浠ヨ繍琛岃澶氭祦琛岀殑 Python 鍖呫€?/p>

浣跨敤 PyScript锛屽彲浠ュ垱寤哄悇绉?UI 缁勪欢锛屼緥濡傛寜閽€侾yscript 杩樹笌娴佽鐨?Python 搴擄紙濡?Pandas銆丯umpy 绛夛級闆嗘垚鑹ソ銆?/p>

07銆丷eactPy

鎴戞兂锛屼綘鑲畾鐭ラ亾鎴栬€呭惉璇磋繃 React銆傚畠鏄姝ゆ祦琛岋紝浠ヨ嚦浜庢湁浜涗汉璁や负瀹冩槸涓€绉嶇紪绋嬭瑷€鈥斺€斿彧鏄紑鐜╃瑧銆?/p>

ReactPy 鏄竴涓?Python 搴擄紝鍏佽鎮ㄥ湪鏃犻渶浠讳綍 JavaScript 鐭ヨ瘑鐨勬儏鍐典笅鏋勫缓鐢ㄦ埛鐣岄潰锛屽悓鏃朵韩鍙?React 鐨勫ソ澶勩€?/p>

鏈変簡杩欎釜搴擄紝鎮ㄥ氨鍙互鍍?React 寮€鍙戜汉鍛樹竴鏍峰彂鎸ヤ綔鐢紝浠栦滑璁や负杩欐槸鑷?Slice Bread 浠ユ潵鍙戠敓鐨勬渶濂界殑浜嬫儏銆?/p>

08銆丏ash

濡傛灉鎮ㄦ兂瑕佹瀯寤烘暟鎹簲鐢ㄧ▼搴忥紝灏ゅ叾鏄紒涓氱骇鏁版嵁搴旂敤绋嬪簭锛岄偅涔堬紝杩欎釜妗嗘灦閫傚悎鎮ㄣ€?/p>

Dash 涓庡浘褰㈠簱 Plotly 浠ュ強鍏朵粬 Python 鏁版嵁鍒嗘瀽搴擄紙渚嬪 Pandas銆丼cikit-Learn 鍜?Numpy锛夊畬缇庨泦鎴愩€?/p>

Dash 鍏佽鎮ㄦ瀯寤哄叿鏈変氦浜掑紡鍙鍖栫殑浠〃鏉裤€?/p>

09銆丼treamlit

鍙︿竴涓敤浜庢瀯寤烘暟鎹簲鐢ㄧ▼搴忕殑 Python 寮€婧愭鏋舵槸 Streamlit锛屽嵆浣夸綘瀵?Web 寮€鍙戠煡璇嗕负闆舵垨寰堝皯锛屼篃鍙互鍚姩骞惰繍琛屼竴涓叏鏍堢綉绔欍€?/p>

Streamlit 鎷ユ湁涓€涓潪甯告椿璺冪殑绀惧尯锛屽叾涓紝鍖呭惈绗笁鏂规ā鍧楋紝鍙互涓烘偍鐨勫簲鐢ㄧ▼搴忔彁渚涜秴鑳藉姏銆備綘鐢氳嚦鍙互鏌ョ湅鎴戜娇鐢?Streamlit 鏋勫缓鐨勭綉缁滃簲鐢ㄧ▼搴忋€?/p>

缁撹

杩欐槸鍚︽剰鍛崇潃鎴戜滑涓嶉渶瑕?JavaScript锛熶笉锛?/p>

JavaScript 浠嶇劧鏄紑鍙戜箣鐜嬶紝浣嗘湁鏃跺鏋滄偍璁″垝鏋勫缓涓€涓笉澶嶆潅鐨勭敤鎴风晫闈紝杩欎簺妗嗘灦浼氭槸涓€涓瘮杈冨ソ鐨勯€夋嫨銆?/p>

濡傛灉浣犳病鏈?Web 寮€鍙戠粡楠岋紝杩欎簺搴撳皢涓轰綘鍑忚交寰堝鍘嬪姏锛屾彁楂樺紑鍙戞晥鐜囥€?/p>

- EOF -

鏂囩珷宸茬粡鐪嬪埌杩欎簡锛?strong>鍒繕浜嗗湪鍙充笅瑙掔偣涓€滆禐鈥濆拰鈥滃湪鐪嬧€濋紦鍔卞摝~


鐐瑰嚮鏍囬鍙烦杞?/span>



鍥炲鍏抽敭璇嶃€?pybook03銆嶏紝棰嗗彇杩涘嚮鐨凣rey涓庡皬浼欎即涓€璧风炕璇戠殑銆奣hink Python 2e銆嬬數瀛愮増
鍥炲鍏抽敭璇嶃€?strong>涔﹀崟02銆嶏紝棰嗗彇杩涘嚮鐨凣rey鏁寸悊鐨?10 鏈?Python 鍏ラ棬涔︾殑鐢靛瓙鐗?/span>



鍛婅瘔浣犳洿澶氱粏鑺傚共璐?/span>


娆㈣繋鍥磋鎴戠殑鏈嬪弸鍦?/span>

馃憜姣忓ぉ鏇存柊鎵€鎯虫墍鎮?/span>