鍓嶈█杞溂鍙堝埌浜嗚烦妲藉銆傛槸鏃跺€欏拰澶у鍒嗕韩涓€娉㈤潰璇曢浜嗐€備竴涓骞村紑鍙戠粡楠岀殑澶х锛屼粠鏉ユ病鍐欒繃棰橈紝闈㈠鍐欒繃鍚勭棰樼殑闈㈣瘯瀹橈紝闈㈣瘯涓嶄竴瀹氳兘鍋氬ソ锛岀粨鏋滀竴濉岀硦娑傦紝杩欎篃鍗拌瘉浜嗙湅闈㈣瘯棰樼殑閲嶈鎬с€傛垜涔熺湅浜嗗緢澶氶潰璇曢鏂囩珷銆傛垜姣旇緝鍙嶆劅鐨勬槸浠ｇ爜鐗囨搴炲ぇ鎴栬€呮秹鍙婄殑鐭ヨ瘑鐐瑰簽澶ф垨鑰呮秹鍙婂埌鍚勭澶嶆潅鐨勬暟瀛﹀叕寮忥紝澶綆绾х殑棰橈細鍍忎粈涔堟槸鎵嬪啓鐨凱romiseA+瑙勮寖锛屾挄绾㈤粦鏍戞墜鍐欙紝Canvasxx鐗规晥鏄€氳繃鍏紡瀹炵幇鐨勶紝娴忚鍣ㄥ浣曞疄鐜皒xxAPI锛屽鏋滄祻瑙堝櫒涓嶆彁渚涜繖涓狝PI锛屽浣曟ā浠垮疄鐜癆PI锛孷ue3鐨刣iff绠楁硶鏈変粈涔堝尯鍒畠鍜孯eact鐨刣iff绠楁硶锛熻兘涓嶈兘鍐欎釜缁撳悎鐗堟湰鐨刣iff绠楁硶鍜孯eact鏃堕棿鐗団€︹€︾浉淇″ぇ閮ㄥ垎浜哄拰鎴戜竴鏍枫€傛瘡娆＄湅鍒拌繖绉嶆枃绔狅紝鎴戦兘涓嶇湅锛岀湅瀹屽氨杩笉鍙婂緟鎯崇户缁湅涓嬪幓浜嗭紝浣嗘槸鐪嬪埌涓€鍗婂氨蹇嶄笉浣忚浆鍒拌瘎璁哄尯鐪嬭瘎璁猴紝鐒跺悗涓€閿偣璧炪€佸叧娉ㄣ€佹敹钘忎笁閬嶏紝鏀惰棌澶归噷绉疮鐨勬枃绔犲樊涓嶅鏈夊嚑鍗冪瘒锛岃繖绉嶆枃绔犺櫧鐒舵妧鏈惈閲忛珮锛屼絾鏄お鏋嚗浜嗭紝鎴栬€呮秹鍙婄殑鐭ヨ瘑鐐瑰お澶氫簡銆傚鏋滃鍏朵腑鐨勪换浣曚竴涓煡璇嗙偣涓嶇啛鎮夛紝閮藉皢鏃犳硶鐞嗚В鍚庣画鐨勫唴瀹广€傝繖灏卞儚涓婃暟瀛﹁銆備竴寮€濮嬫病鏈夎鐪熷惉锛屾紡鎺変簡鏌愪釜鐭ヨ瘑鐐广€傚洖杩囩鏉ワ紝鎴戝彂鐜拌嚜宸卞惉涓嶆噦浜嗐€傛瘮濡傛湁涓€娆＄湅浜嗕竴绡囧疄鐜颁竴浜涘緢閰风殑Canvas鐗规晥鐨勬枃绔狅紝鐪嬩簡鐪嬬獊鐒跺嚭鐜扮殑涓夎鍑芥暟銆傝櫧鐒舵垜涓灏卞杩囪繖浜涳紝浣嗘槸杩欎箞澶氬勾浜嗭紝鎴戝凡缁忓浼氫粈涔坰in,cos,tan杩欎簺绗﹀彿鐨勬剰鎬濋兘蹇繕璁颁簡锛屽彧鏄噿寰楁墦寮€娴忚鍣ㄦ悳绱㈡悳绱簡锛屾墍浠ユ垜浼氱户缁線涓嬬湅锛岀湅鐪嬪張鍑虹幇浜嗕粈涔堢煩闃电畻娉曘€傛垜涓婂ぇ瀛︾殑鏃跺€欙紝鍏跺疄鎴戜篃瀛﹁繃銆傛€讳箣锛岀湅鍒版渶缁堢殑鏁堟灉鏄緢鐖界殑锛屼絾鏄垜杩樻槸寰堣糠鑼€庝箞瀹炵幇銆傞櫎闈炰綘鍦ㄥ伐浣滀腑纭疄闇€瑕佺敤鍒拌繖涓紝鍚﹀垯浣犱細浠旂粏闃呰鏂囩珷骞朵粩缁嗙爺绌躲€傚嵆浣夸綘涓嶅湪宸ヤ綔涓娇鐢ㄥ畠骞朵粩缁嗙爺绌跺畠锛屼綘閫氬父寰堝揩灏变細蹇樿瀹冦€傚彟涓€绉嶆枃绔犲緢绔嬬瑙佸奖锛氬氨鏄弿杩扮殑鐭ヨ瘑鐐瑰苟涓嶅鏉傦紝浣嗘槸鎴戜互鍓嶄粠鏉ユ病鏈夋兂杩囧彲浠ヨ繖鏍风敤锛岀浉褰撲簬涓€绉嶆€濊矾锛屾垨鑰呮槸鎴戞病鏈夌殑API浠ュ墠涓嶇煡閬撱€傛柟渚跨殑銆傝繖绉嶆枃绔犺璧锋潵涓嶄細鐗瑰埆鏋嚗锛岃繕鏄彲浠ョ湅寰楁触娲ユ湁鍛崇殑銆傛垜鎰熷徆锛氬師鏉ュ彲浠ヨ繖涔堢敤鍟婏紒涓轰粈涔堟垜浠ュ墠娌℃湁鎯冲埌鍛紵杩欑被鏂囩珷鐪嬩簡涔嬪悗锛屽氨涓嶄細鐗瑰埆瀹规槗蹇樿锛岀敋鑷冲湪宸ヤ綔杩囩▼涓壘鏈轰細鐢ㄥ埌銆備妇鍑犱釜渚嬪瓙锛氫竴娈垫椂闂村唴鏃犳搷浣滄挱鏀捐棰戞槸鍏ラ棬鍒濇湡锛屼綋楠屾瘮杈冨樊锛屾墍浠ュ浜庝竴浜涘緢甯歌鐨勯渶姹傛病鏈夋蹇点€傚綋鏃舵垜鍦ㄥ仛Electron椤圭洰锛屽睍绀哄湪闃虫槑鍙ら晣鐨勪竴闈㈠涓娿€傞渶姹傛槸褰撶敤鎴峰崄鍒嗛挓娌℃湁鎿嶄綔鐣岄潰鏃讹紝鑷姩鎾斁闃虫槑鍙ら晣鐨勫浼犺棰戙€傚綋鏃舵垜鐨勮剳瀛愬ソ鍍忓崱浣忎簡锛氭€庝箞鍔烇紵鎬庝箞鐭ラ亾鐢ㄦ埛鍗佸垎閽熸病鏈夋搷浣滃憿锛熶负姝わ紝鎴戜篃鍘绘壘浜嗘壘鏈夋病鏈夎繖鏍风殑API銆傚悗鏉ョ湅鍒颁竴绡囨枃绔犺鎴戞儕鍛硷紝澶ソ浜嗭紒馃憤鍘熺悊涔熻秴绾х畝鍗曪紝灏辨槸鍦ㄩ〉闈㈣缃竴涓崄鍒嗛挓鐨勫彉閲忥細璁﹎inute=10鐒跺悗姣忓垎閽熻缃竴涓畾鏃跺櫒-1锛歴etInterval(()=>{minute--if(minute<=0){//鎾斁瑙嗛}},1000*60)褰撲簨浠跺彂鐢熸椂锛岃〃绀虹敤鎴锋鍦ㄦ搷浣滐紝闇€瑕佹仮澶嶅彉閲忥細window.addEventListener('click',()=>minute=10)涔熷彲浠ョ洃鍚琺ousemove鎴栬€卥eyboard绛変簨浠讹紝浣嗘槸閭ｄ釜椤圭洰鏄病鏈夐紶鏍囬敭鐩樼殑澶цЕ鎽稿睆锛屾墍浠ョ洃鍚偣鍑讳簨浠跺氨鍑犺浠ｇ爜灏卞彲浠ヨВ鍐虫垜鐨勭噧鐪変箣鎬ヤ簡銆傚皬鐧戒笉鏄竴姝ユ涓婃潵鐨勫悧锛熸鏄潬鐫€杩欎簺鏂囩珷锛屼竴姝ユ鎷撳睍鎬濊矾锛屾墠鑳借繘姝ョ閫熴€俈ue鎬ц兘浼樺寲鐪嬩簡榛勮€佸笀鍑哄搧鐨勩€婃彮绉?Vue.js 涔濅釜鎬ц兘浼樺寲鎶€宸с€嬶紝鎵嶇煡閬揷omputed閲岄潰鐨勫嚱鏁板彲浠ユ帴鏀朵竴涓猼his鍙傛暟锛歝omputed:{a(){return1},b({a}){returna+10}杩欐牱鍦ㄧ粍浠跺埛鏂扮殑鏃跺€欏氨涓嶄細閲嶅鑾峰彇getter浜嗐€傛垜浠ュ墠浠庢潵娌℃湁娉ㄦ剰鍒拌繖浜涖€傜函CSS瀹炵幇鎷栨嫿鏁堟灉浠ュ墠鎴戜滑鍩烘湰閮芥槸鐢↗S瀹炵幇鎷栨嫿锛屽緢楹荤儲锛屼絾鏄湅瀹岄槄鏂囧墠绔洟闃熺殑銆婄函 CSS 涔熻兘瀹炵幇鎷栨嫿鏁堟灉銆嬶紝浣╂湇浜斾綋鎶曪細鍦ㄤ紶缁熺殑缃戦〉涓紝椤甸潰婊氬姩鏄竴椤归潪甯稿洶闅剧殑宸ヤ綔銆傚父瑙佺殑浜や簰锛屾搷浣滄槸浣跨敤榧犳爣婊氳疆鎴栬€呯洿鎺ユ嫋鍔ㄦ粴鍔ㄦ潯銆備絾鏄紝绉诲姩绔氨涓嶄竴鏍蜂簡銆傚彧闇€鐢ㄦ墜鎸囨嫋鍔ㄩ〉闈㈠嵆鍙粴鍔ㄣ€傞€氬父椤甸潰浼氬瀭鐩存垨姘村钩婊氬姩銆傚鏋滀袱涓柟鍚戦兘鍙互婊氬姩鍛紵渚嬪锛?dragbox{width:300px;楂樺害锛?00px锛涙孩鍑猴細鑷姩}.dragcon{瀹藉害锛?00px;height:500px;}鍙渶瑕佸唴閮ㄥ厓绱犵殑瀹介珮澶т簬瀹瑰櫒鍗冲彲瀹炵幇鍙屽悜婊氬姩锛堣寰楄缃畂verflow:auto锛夛紝绀烘剰鍥惧涓嬶細涓€鑸儏鍐典笅锛岄紶鏍囨粴杞彲浠ュ悓鏃跺彧鑳藉悜涓€涓柟鍚戞粴鍔紙鎸変綇Shift鍙互鍚戝彟涓€涓柟鍚戞粴鍔級锛屼絾鏄Щ鍔ㄧ鍙互鐩存帴鎷栧姩鍐呭鑷敱婊氬姩锛屽涓嬪浘锛氱幇鍦紝鍦ㄥ唴瀹逛腑闂存坊鍔犱竴涓厓绱犲苟闅忕潃鍐呭鍖哄煙婊氬姩锛氭帴涓嬫潵锛屽皢鏂囨湰闅愯棌鍦ㄥ悗闈細鏄笉鏄湁鐐规嫋娌擄紵鍘熺悊灏辨槸杩欎箞绠€鍗曪紒Vue3鐨勬柊璇硶鐜板湪鎼滅储Vue3锛岃涔堟槸CompositionAPI锛岃涔堟槸鏂扮殑鍝嶅簲寮忓師鐞嗭紝杩欎簺涓滆タ璁茶捣鏉ユ瘮杈冨鏉傦紝鑰屼笖澶у蹇界暐浜嗗緢澶氬叾浠栫殑鐐癸紝姣斿寰堝鏃跺€欐垜浠笇鏈汣SS涔熷彲浠ユ槸鍝嶅簲寮忕殑锛屾瘮濡傛浘缁忓够鎯宠繃鐨勮娉曪細/script>浣嗘槸锛岀敱浜嶤SS鍜孞S灞炰簬涓嶅悓鐨勮澧冿紝鎵€浠ュ緢闅惧仛鍒帮紝浣嗘槸鐪嬪畬鏈枃銆奦ue瓒呭ソ鐜╃殑鏂扮壒鎬э細鍦–SS涓紩鍏S鍙橀噺銆嬶紝鎴戞墠鏄庣櫧鍘熸潵鏄繖鏍蜂粛鐒跺彲浠ヨ繖鏍峰啓锛?褰搕his.color鍙樺寲鏃讹紝css涔熶細涓€璧峰搷搴斻€傝繕鏈夈€奦ue瓒呭ソ鐜╃殑鏂扮壒鎬э細DOM浼犻€侀棬銆嬶紝杩欎簺灏忔妧宸у彲浠ュ緢鏂逛究鐨勬彁楂樻垜浠殑寮€鍙戞晥鐜囷紝浣嗘槸鍦ㄤ粖澶╃殑Vue3鐩稿叧鏂囩珷涓緢灏戞湁浜烘彁鍒拌繖浜涖€備節瀹牸闈㈣瘯棰樿繖绉嶉潰璇曢浠ｇ爜閲忎笉澶氾紝浣嗘槸寰堝皯鏈変汉鑳藉仛瀵广€傝繖绡囥€婂崈涓囧埆灏忕灖涔濆鏍?涓€閬撻灏辫兘璁╁€欓€変汉鍘熷舰姣曢湶锛併€嬬粰鎴戜滑鎻愪緵浜嗕竴涓緢濂界殑鎬濊矾锛屽洜涓哄湪鍋氳繖绉嶄節瀹牸鐨勬椂鍊欙細寰堝浜鸿涓哄彧闇€瑕佺粰姣忎釜鏍煎瓙鍔犱竴涓竟妗嗗氨鍙互浜嗭紝浣嗗疄闄呬笂杩欐牱鍋氱殑璇濓紝灏变細鍙樻垚鍍忓涓嬶細鍥犱负缁欐瘡涓洅瀛愬姞涓婅竟妗嗗悗锛岀浉閭荤殑涓や釜杈规浼氬悎鍦ㄤ竴璧凤紝鑲夌溂鐪嬭捣鏉ユ濂芥槸涓ゅ€嶇矖鐨勮竟妗嗐€傝€屻€婂崈涓囧埆灏忕灖涔濆鏍?涓€閬撻灏辫兘璁╁€欓€変汉鍘熷舰姣曢湶锛併€嬩娇鐢ㄨ礋杈硅窛杞绘澗瑙ｅ喅杩欎釜闂锛氫綘涓嶇煡閬揅SS璐熷€兼彁鍒拌礋杈硅窛璁╂垜鎯宠捣浜嗚繖涓€婁綘鎵€涓嶇煡閬撶殑 CSS 璐熷€兼妧宸т笌缁嗚妭銆嬶細鐪熸病鎯冲埌鍔犲彿鍙互杩欎箞瀹炵幇銆傛爣棰樿杩欎箞澶氭湁鐐硅窇棰樹簡銆傛湰鎰忔槸鎯宠鏄庝竴涓嬶細鏈枃鐨勭畻娉曢鍜屼笂闈㈠垪涓剧殑鏂囩珷涓€鏍枫€備唬鐮侀噺涓嶅锛岀敋鑷冲彲浠ヨ寰堢畝鍗曪紝浣嗛噸鐐规槸鑰冨療浣犲鎶€鏈殑鐏垫椿杩愮敤锛屼互鍙婁綘鐨勬€濈淮鑳借浆鐨勫埌浠€涔堢▼搴︺€傚綋鐒讹紝骞朵笉鏄閭ｄ簺浠ｇ爜澶氱殑鏂囩珷灏变笉濂姐€傚叾瀹為偅浜涙枃绔犳妧鏈惈閲忛兘寰堥珮锛屼絾鏄瘯绔熶竴鑸汉娌℃湁蹇冩€濋偅涔堜粩缁嗙爺绌跺悇绉嶅鏉傜殑绠楁硶锛屼絾鏄鏋滀綘鎯冲幓瀛楄妭璺冲姩锛岀櫨搴︼紝闃块噷锛屽拰鑵捐鍘婚潰璇曪紝閭ｄ簺澶嶆潅鐨勬枃绔犺繕鏄閽荤爺鐨勩€傞潰璇曢偅澶╋紝鎴戞潵鍒颁簡涓€闂寸湅璧锋潵鍍忎細璁鐨勬埧闂淬€傞潰璇曞畼缁欎簡鎴戜竴浜涚焊鍜屼竴鏀瑪锛岃鎴戝厛鍐欙紝鐒跺悗浠栧氨鍑哄幓浜嗐€傛垜杩樺湪鎯筹細涓嶆€曟垜鍦ㄦ病浜虹湅鐨勬椂鍊欑敤鎵嬫満鎼滅瓟妗堝悧锛熸湁娌℃湁鎽勫儚澶寸劧鍚庨€氳繃灞忓箷瑙傚療鎴戞湁娌℃湁鐢ㄦ墜鏈烘悳杩囩瓟妗堬紝鐒跺悗鍘昏€冨療搴旇仒鑰呯殑璇氬疄搴︹€︹€﹀綋鐒舵垜娌℃兂鍒扮敤鎵嬫満绾告槸涓€涓湁鐐瑰儚涓€冿細閫夋嫨棰?濉┖棰?澶ч棰樼洰鏄墜鍐欎唬鐮侊紝鍏跺疄鎸虹儲浜虹殑銆傘€傘€備竴鏂归潰鍙兘鍏堝啓涓€鍗婅姳鎷彿锛屽洜涓轰綘涓嶇煡閬撹姳鎷彿閲岄潰浼氬啓澶氬皯琛屼唬鐮侊紝涓嶅儚鍦ㄧ紪杈戝櫒閲岋紝鍚庨潰鐨勬嫭鍙疯窡鍦ㄨ鏁板悗闈€傚鍔犱細鑷姩绉诲姩锛涘彟涓€鏂归潰锛屾病鏈夋帶鍒跺彴锛屼篃涓嶇煡閬撹嚜宸卞啓鐨勫涓嶅锛屽彧鑳藉嚟鐩磋鍒ゆ柇銆傚叾涓竴涓鐩槸锛氬啓涓€涓嚱鏁帮紝杩欎釜鍑芥暟浼氳繑鍥炰竴涓暟缁勶紝鏁扮粍鏄?鍒?2涔嬮棿鐨勯殢鏈烘暣鏁帮紙涓嶈兘閲嶅锛夛紝杩欎釜鍑芥暟涔熷彲浠ヤ紶鍏ヤ竴涓弬鏁帮紝鍙傛暟鏄釜鏁帮紝闀垮害杩斿洖鏁扮粍鐨勬槸杩欐牱鐨勶細鍒氬紑濮嬬湅鍒伴鐩殑鏃跺€欒繕鍦ㄦ兂闅惧害锛屽氨杩欎箞鍐欏惂锛侀鍏堬紝璁╂垜浠敓鎴愪竴涓粠2鍒?2鐨勯殢鏈烘暟...濡備綍鐢熸垚涓€涓粠2鍒?2鐨勯殢鏈烘暟锛烳ath.random()*32锛屼絾杩欐槸鐢熸垚0~32锛屽氨鏄繖鏍凤紒鍏堢敓鎴愪竴涓?鍒?0涔嬮棿鐨勯殢鏈烘暟锛岀劧鍚庡姞2锛歝onstfn=num=>{letarr=[]for(leti=num;i-->0;){arr.push(Math.round(Math...琛ㄧず娌℃湁閲嶅鍊硷紝鐢?..杩愮畻绗﹀彲浠ュ緢鏂逛究鍦拌浆鎹㈡垚鏁扮粍锛屾墍浠ョ户缁啓锛歝onstfn=num=>{letarr=[]for(leti=num;i-->0;){arr.push(Math.round(Math.random()*30+2))}arr=[...newSet(arr)]returnarr}杩欒В鍐充簡閲嶅鍊肩殑闂锛屼絾鏄甫鏉ヤ簡鏂扮殑闂锛氬鏋滄湁鍑犱釜閲嶅鐨勫€硷紝鏁扮粍鐨勯暱搴﹀氨浼氬彉灏戯紝鍍忚繖鏍凤細褰撴椂鎴戠殑鎯虫硶鏄繖鏍风殑锛氬鏋渇n(10)浼犻€掔殑鍙傛暟鏄?0锛屽鏋滄渶鍚庡嚭鏉ュ鏋滄暟缁勪笉鏄?0锛屽垯鐢?0鍑忓幓鏁扮粍鐨勯暱搴︼紝灏辨槸浣嶆暟鐨勫樊銆傛瘮濡俧n(10)瀵艰嚧arr.length=8锛岄偅涔?0-8鎰忓懗鐫€鍙渶瑕佸啀鐢熸垚2涓殢鏈烘暟锛屼絾鏄繖涓や釜闅忔満鏁颁篃鏈夊彲鑳藉拰鐜版湁鐨?浣嶆暟缁勯噸鍙狅紝鎵€浠ユ垜浠繛鎺ラ殢鏈虹敓鎴愪袱浣嶆暟鍒板師鏉ョ殑8浣嶆暟缁勶紝鐒跺悗鐢⊿et鏁版嵁缁撴瀯鍘婚噸锛岀敤while寰幆鍒ゆ柇銆傚鏋滀紶鍏ョ殑鍙傛暟10鍑忓幓鏁扮粍闀垮害arr.length涓嶇瓑浜?锛屽垯璇佹槑浠嶇劧瀛樺湪閲嶅锛岀劧鍚庣户缁敓鎴愰殢鏈烘暟锛岄噸澶嶅垰鎵嶇殑姝ラ锛岀洿鍒扮敓鎴愪竴涓?0浣嶆棤閲嶅鐨勬暟缁勶紝瀹冧細鑷姩璺冲嚭while寰幆锛岀劧鍚庤繑鍥炶繖涓暟缁勶細constfn=num=>{letarr=[]for(leti=num;i-->0;){arr.push(Math.round(Math.random()*30+2))}arr=[...newSet(arr)]璁﹍en=arr.lengthwhile(num-len>0){arr=[...newSet(arr.concat(fn(num-len)))]len=arr.length}returnarr}杩愯缁撴灉锛氬綋鐒剁瑪璇曠湅涓嶅埌杩愯缁撴灉銆傝繖鏄垜鍥炲鍚庢牴鎹嵃璞″啓鐨勪唬鐮併€傛垜鎯虫祴璇曚竴涓嬫垜鏄惁鍐欏浜嗐€傚綋绗簩闈㈠鍔犻毦搴﹀悗鐨勯棶棰樻潵鍒扮浜岄潰鏃讹紙鍏朵粬闂殑闂鐣ュ幓锛夛紝闈㈣瘯瀹樿铏界劧浣犲仛瀵逛簡棰橈紝浣嗗叾瀹炴劅瑙夋湁鐐瑰儚鏆村姏鐮磋В锛屾晥鐜囧緢宸€傛瘮濡傛垜鍦ㄥ嚱鏁颁腑浼犲叆30锛岄偅涔堜粠2鍒?2涓€鍏卞彧鏈?0涓暟锛屾兂鎯宠繖涓敓鎴愰殢鏈烘暟鐨勬柟娉曡杩愯澶氬皯娆°€傚鏋滆冻澶熷垢杩愶紝绗竴娆¤繍琛岃鍑芥暟鏃讹紝灏嗙敓鎴?9涓笉鍚岀殑鏁板瓧銆傛暟缁勶紝鍒欏彧缂哄皯涓€浣嶆暟瀛椼€傛偍鏄惁鑰冭檻杩囨渶鍚庝竴浣嶆暟瀛楄閲嶅鐨勫彲鑳芥€э紵涓嶆槸29/30鍚楋紵濡傛灉閲嶅涓€娆★紝灏遍渶瑕侀噸鏂拌繍琛岋紝閲嶅鍐嶈繍琛?..姣忔閮借鏂板缓涓€涓暟缁勶紝鐒跺悗鏂板缓涓€涓猄et鍐嶅垏鎹㈠洖鏁扮粍锛屽紑閿€寰堝ぇ.浣犳湁浠€涔堣浼樺寲鐨勭偣鍚楋紵杩欎釜鏃跺€欐垜灏卞湪鑰冭檻涓嶄娇鐢⊿et鍘婚噸銆傛垜褰撴椂鎯崇殑鏄浣曞鐢ㄥ師鏉ョ殑鏁扮粍锛屼笉璁╁畠閲嶆柊鐢熸垚锛屾瘡娆″彧杩斿洖涓€涓暟锛岀劧鍚庨€掑綊锛熸垨鑰呮坊鍔犵浜屼釜鍙傛暟骞朵紶鍏ュ師濮嬬敓鎴愮殑鏁扮粍锛熸垜鎶婃垜鐨勬兂娉曞憡璇変粬涔嬪悗锛屼粬寰堜笉婊℃剰锛岃寰楁垜娌℃湁璇村嚭浠栨兂璇寸殑锛屾墍浠ヤ粬缁欎簡鎴戜竴涓彁绀猴細鍋囪鐢熸垚闅忔満鏁拌繖涓搷浣滄槸涓€涓壒鍒€楁椂鐨勬搷浣滐紝鏈夋病鏈夊姙娉曚綘灏辫浠栬窇杩欎箞澶氭浼犲叆鐨勫弬鏁帮紵灏卞儚fn(10)涓€鏍凤紝Math.random鍑芥暟鍙兘杩愯10娆″悧锛熷綋鏃舵垜鍚殑澶撮兘澶т簡銆傝繖鎬庝箞鍙兘锛熺敱浜庨殢鏈烘暟鏄湪涓€瀹氳寖鍥村唴浜х敓鐨勶紝鎵€浠ラ毦鍏嶄細鍑虹幇閲嶅銆傚嵆浣夸笉浣跨敤Set鍘婚噸锛屽叾浠栨柟寮忎篃蹇呴』杩愯10娆′互涓婏紒浣嗘棦鐒朵粬杩欎箞闂紝灏辫瘉鏄庝竴瀹氭湁浠€涔堝姙娉曞彲浠ュ仛鍒帮紝浜庢槸鎴戠粸灏借剳姹佹兂浜嗘兂锛屾渶鍚庨捇杩涗簡姝昏儭鍚岋細鎴戣寰楁棤璁虹敤浠€涔堟柟娉曢兘鍙互閬垮厤浜х敓閲嶅锛屽嵆浣挎垜鏄垢杩愮殑璺戜簡涓€娆★紝寰楀埌浜嗘兂瑕佺殑缁撴灉锛岀畻涓嶄笂鎶€鏈疄鐜帮紝鍙兘绠楁槸杩愭皵濂斤紝鏈€鍚庡彧濂戒寒鍑哄簳鐗岃娌℃€濊矾銆傛湰鏉ヤ互涓洪潰璇曞埌杩欓噷灏辩粨鏉熶簡锛屾病鎯冲埌浠栫珶鐒朵富鍔ㄥ憡璇夋垜杩欓亾棰樼殑瑙ｆ硶锛屾垜褰撴椂鏈夌偣閮侀椃銆備粬璇寸殑寰堝鎴戦兘娌℃湁鍚繘鍘伙紝鍙寰椾粬銆傝鍒板畾涔変袱涓暟缁勶紝鎴戝湪鍧愬湴閾佸洖瀹剁殑璺笂涓€鐩村湪鎯筹細涓や釜鏁扮粍鈥︹€︿袱涓暟缁勶紵鍥炲埌瀹讹紝鎴戞墦寮€鐢佃剳寮€濮嬪啓浠ｇ爜銆傞鍏堬紝鎴戞祴璇曚簡鎴戝師鏉ョ殑瑙ｅ喅鏂规锛岀湅鐪嬫€ц兘鏄惁鍍忎粬璇寸殑閭ｆ牱绯熺硶锛?.1姣锛岃繕鍙互锛佸彲鑳芥槸鏁伴噺灏戙€傚鏋滄槸鐢熸垚0鍒?0000鐨勯殢鏈烘暟锛屽簲璇ヤ細宕╂簝鍚э紵淇敼鍑芥暟锛歝onstfn=num=>{letarr=[]for(leti=num;i-->0;){arr.push(Math.round(Math.random()*10000))}arr=[...newSet(arr)]letlen=arr.lengthwhile(num-len>0){arr=[...newSet(arr.concat(fn(num-len)))]len=arr.length}returnarr}杩愯缁撴灉锛氳繖娆＄湡鐨勬劅瑙夊埌鍗￠】浜嗭紝鐢ㄤ簡涓ょ澶氭墠寰楀嚭缁撴灉銆傚湪璁＄畻鏈鸿绠椾腑锛?000姣琚涓烘槸涓€涓ぉ鏂囨暟瀛椼€傜劧鍚庤瘯璇曚粬璇寸殑涓や釜鏁扮粍锛氭垜鐨勭悊瑙ｆ槸鍏堝畾涔変竴涓寘鍚?鍒?2鑼冨洿鍐呮墍鏈夋暣鏁扮殑鏁存暟锛岀劧鍚庡啀瀹氫箟涓€涓┖鏁扮粍鏉ュ瓨鏀剧粨鏋滐紝鍦ㄦ暟缁勭殑闀垮害鑼冨洿鍐呫€傞噷闈㈤殢鏈虹敓鎴愪竴涓暣鏁帮紝鐢ㄨ繖涓敓鎴愮殑鏁存暟浣滀负涓嬫爣浠庨偅涓暟缁勪腑鍙栧嚭鏁帮紝鏀惧埌涓€涓┖鏁扮粍涓紝鎵€浠ュ嵆浣跨敓鎴愮殑闅忔満鏁版湁閲嶅涔熸病鍏崇郴锛屽洜涓轰袱涓暟缁勪笉浼氭湁閲嶅锛歝onstfn=num=>{constallNums=Array.from({length:31},(_,i)=>i+2)constresult=[]for(leti=num;i-->0;){result.push(allNums.splice(Math.floor(Math.random()*allNums.length),1)[0])}returnresult}杩欐鍐嶈瘯涓€娆★細娌′粈涔堥棶棰橈紝鎬ц兘鎬庝箞鏍凤紵鎴戜滑鏉ユ祴璇曚竴涓嬶細纭疄姣斾互鍓嶅揩澶氫簡锛岀劧鍚庤瘯璇?鍒?0000鐨勯殢鏈烘暟锛歝onstfn=num=>{constallNums=Array.from({length:10001},(_,i)=>i)constresult=[]for(leti=num;i-->0;){缁撴灉銆俻ush(allNums.splice(Math.floor(Math.random()*allNums.length),1)[0])}returnresult}杩愯缁撴灉锛氳繖娆″樊璺濈壒鍒槑鏄撅細澶氫簡2300姣锛屽彲浠ヨ浜烘湁鍗￠】鐨勬劅瑙夛紝鑰屽彟涓€涓彧闇€瑕?姣锛屼汉鐨勬劅瑙夊氨鏄洖杞︺€傝兘澶熶骇鐢熺粨鏋溿€傚叾瀹炶繖涓嚱鏁扮殑灏佽杩樹笉澶熷交搴曪紝鍥犱负浠庡嚑鍒板嚑鐨勯殢鏈烘暟鐨勭敓鎴愬畬鍏ㄦ槸纭紪鐮佸湪鍑芥暟鍐呴儴鐨勩€傚鏋滀笉鎯崇敓鎴?鍒?2鐨勯殢鏈烘暟锛岄渶瑕佹敼涓€涓嬪嚱鏁板唴閮ㄧ殑浠ｇ爜锛岃繖鏄剧劧涓嶇鍚堝紑闂師鍒欙紝浣跨敤璧锋潵涓嶅鐏垫椿銆傝鎴戜滑鍐嶆灏佽瀹冿紝浣垮畠鎴愪负涓€涓洿閫氱敤鐨勫嚱鏁帮細constfn=(len,from=0,to=100)=>{constallNums=Array.from({length:to-from},(_,i)=>i+from)constresult=[]for(leti=len;i-->0;){result.push(allNums.splice(Math.floor(Math.random()*allNums.length),1)[0])}returnresult}杩愯缁撴灉锛氬彲浠ョ湅鍒板畬缇庢墽琛屼簡鎴戜滑鎯宠鐨勭粨鏋滐紝浣嗘槸杩欏崄浣嶆暟瀛楁槸浠?鍒?2鐢熸垚鐨勪负浠€涔堟病鏈?2鍛紵鍘熸潵鎴戜滑灏佽鐨勫嚱鏁版槸涓轰簡绗﹀悎绋嬪簭涓乏闂彸寮€鐨勬綔瑙勫垯銆傜粏蹇冪殑鍚屽搴旇鍦ㄧ▼搴忎腑鍙戠幇浜嗚繖鏍蜂竴涓乏闂彸寮€鐨勭幇璞°€傛瘮濡傛垜浠互substring鏂瑰紡涓轰緥锛?0123456'.substring(1,5)杩愯缁撴灉锛氬彲浠ョ湅鍒版垜浠紶鍏ョ殑鍙傛暟鏄粠1鍒?锛屼絾鏄渶缁堢粨鏋滃彧鏈?娌℃湁5銆傛垜浠湪涓鐨勬椂鍊欏杩囧紑鍖洪棿鍜岄棴鍖洪棿鐨勬蹇点€傚紑鍖洪棿鏄寚涓嶅寘鍚繖涓暟锛岄棴鍖洪棿鏄寚鍖呭惈杩欎釜鏁般€傛垜鎯虫暟瀛﹁€佸笀鍙嶅寮鸿皟杩囪繖涓蹇碉紝鎵€浠ョ▼搴忎腑鐨勫乏闂彸寮€涔熻灏介噺璁捐寰楃鍚堟暟瀛﹁寰嬶紒浣嗘槸鎴戣寰椾笉鑳借鍚庨潰瀹炵幇鐨勯殢鏈烘暟鐢熸垚鍣ㄥ氨姣斿墠闈㈢殑濂姐€傝寖鍥磋繖涔堝ぇ锛岄噸澶嶇殑鍑犵巼鏄笉鏄緢浣庯紵鎵€浠ョ涓€绉嶆柟妗堝ぇ姒傚彧闇€瑕佺敓鎴愬崄涓殢鏈烘暟灏卞彲浠ユ弧瓒抽渶姹傘€備絾鏄鏋滄槸绗簩绉嶆柟妗堬細鍏堢敓鎴愪竴涓?鍒?0000鐨勬暟缁勶紝杩欎釜鏁扮粍澶ぇ浜嗭紝涓嶈繃鍙渶瑕?0涓€傛湁鐐瑰儚楂樺皠鐐潃铓婂瓙锛屾潃楦＄敤灞犲垁銆傛劅瑙夊彧鏈夎寖鍥村唴鐨勬瘮閲嶈秺澶э紝绗簩涓姛鑳芥墠鏇村悎閫傘€傚鏋滀綘鎯虫洿鏅鸿兘鐨勫皝瑁咃紝鍙互缁欎綘鎻愪緵涓€涓€濊矾锛氶櫎浠?from鐨刲en鐨勫€硷紝涔熷氨鏄瘮鐜囥€備緥濡傦紝浠?鍒?0000寰楀埌10涓暟瀛楋紝灏辩浉褰撲簬10/10000锛屼篃灏辨槸鍗冨垎涔嬩竴銆傝繖绉嶆儏鍐典笅浣跨敤绗竴涓嚱鏁拌幏鍙栭殢鏈烘暟锛屽鏋滀粠0鍒?0000涓幏鍙?000涓暟鏄崄鍒嗕箣涓夌殑姣斾緥锛屾鏃朵娇鐢ㄧ浜屼釜鍑芥暟姣旇緝鍚堥€傦細constfn=(len,from=0,to=100)=>{constratio=(to-from)/lenletresult=[]if(ratio>0.3){constallNums=Array.from({length:to-from},(_,i)=>i+from)for(leti=len;i-->0;){result.push(allNums.splice(Math.floor(Math.random()*allNums.length),1)[0])}}else{for(leti=len;i-->0;){result.push(Math.round(Math.random()*to+from))}result=[...newSet(result)]letlength=result.lengthwhile(len-length>0){result=[...newSet(result.concat(fn(len-length,from,to)))]length=result銆俵ength}}returnresult}褰撶劧杩欎釜鍑芥暟杩樼己灏戝緢澶氬垽鏂細姣斿褰揻rom澶т簬to鏃舵€庝箞鍔烇紵浼犺礋鏁版€庝箞鍔烇紵浼犻€掑皬鏁扮偣鎬庝箞鏍凤紵bigint鍜宯umber娣风敤鎬庝箞鍔烇紵褰搇en澶т簬to-from鏃朵細鍙戠敓浠€涔堬紵杩欎簺灏变笉娴垂鍦ㄨ繖閲屼竴涓€鎵撳寘浜嗐€傛湁鍏磋叮鐨勫彲浠ヨ嚜宸辨墦鍖呫€傛湁鐢ㄦ€т綘鏄笉鏄寰楄繖涓姛鑳介櫎浜嗗仛闈㈣瘯棰橈紝鍑犱箮娌℃湁鍒殑鐢ㄥ锛熸病鏈夋妸鎻★紒鍋氬畬杩欓亾棰橈紝绔嬮┈鎯宠捣涔嬪墠鍋氶潚宀涢摱琛屾枃鍖栦綋楠岃〃鏃惰€佸笀鐨勯棶绛旀ā鍧楋細杩欎釜鏂囧寲浣撻獙琛ㄥ叾瀹炶鏉ラ潚宀涢摱琛屽仛鐢熸剰鐨勬湅鍙嬪皯浜嗙瓑寰呰繃绋嬫棤鑱婏紝灏ゅ叾鏄湁甯﹀皬瀛╃殑閭ｇ瀹㈡埛锛屼竴杈瑰浼犲北涓滄枃鍖栵紝涓€杈规彃涓や釜骞垮憡璧氱偣澶栧揩锛堜粬浠禋鐨勶紝涓嶆槸鎴戣禋鐨勶級銆傝繖涓ā鍧椾竴寮€濮嬶紝鍚庡彴璁╂垜浠庛€婅璇€嬩腑鎸戝嚭浜屽崄銆佷笁鍗侀亾棰樺彂缁欒春锛屼粬褰曞叆鏁版嵁搴擄紝鐒跺悗鎴戞寜瑕佹眰闅忔満鍙栦簡10閬撻銆傚悗鏉ヤ粬蹇欎笉杩囨潵锛岃鍙嶆棰樹笉澶氾紝璁╂垜閮藉啓鍦ㄥ墠绔紝闅忎究鎷匡紒浜庢槸闅忎究鎵句簡涓€浜涜璇斁鍦ㄩ噷闈紝閭ｄ箞鎺ヤ笅鏉ュ氨鏄畻娉曚簡銆傜敤鎴疯偗瀹氫笉甯屾湜姣忔杈撳叆閮芥槸涓€鏍风殑鍗佷釜闂锛岃嚦灏戝緱闅忔満涓€鐐瑰惂锛熷綋鏃剁潃鎬ワ紝娌℃妸绠楁硶鍐欏ソ锛屽氨鍐欎簡涓€涓畝鍗曠殑鐗堟湰锛歝onstarr=['question','question','question',...'question']constresult=arr.filter(()=>Math.random()>0.5)result.length=10杩欐牱鍐欑鍚堣姹傦紝浣嗘槸涓嶅涓ヨ皑銆傜粨鏋滄槸鏁扮粍鍓嶉潰鐨勯鍑虹幇鐨勬鏁板锛屽悗闈㈢殑棰樿秺闅撅紝鎴戜滑娴嬭瘯涓€涓嬶細constarr=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]constfn=num=>{constresult=arr.filter(()=>Math.random()>0.5)result.length=numreturnresult}杩愯缁撴灉锛氬彲浠ョ湅鍒拌秺杩滅殑鏁板瓧鍑虹幇鐨勬鐜囪秺浣庯紝鍓嶅嚑浣嶇粡甯稿嚭鐜帮紝0锛堢涓€棰橈級鎴栬€?锛堢浜岄锛夊嚑涔庢瘡娆￠兘浼氬嚭鐜帮紝鑰屼笖鏈€鍚庝竴棰樺湪澶у鏁版儏鍐典笅鐢氳嚦杩樻湁鏈轰細鍑虹幇銆備絾鏄洜涓烘瘡澶╁姞鐝埌鍑屾櫒锛屽疄鍦ㄦ槸绱緱娌＄簿鍔涘幓鎯崇畻娉曚簡銆傛壘浜嗗簱锛屽彂鐜癓odash銆乁nderscore绛夊簱閮芥病鏈夊姙娉曞疄鐜扮被浼肩殑鍔熻兘锛屾墍浠ュ氨鍏堣繖鏍峰惂锛岀瓑娴嬭瘯璇村埌杩欓噷鏈夐棶棰樺啀鏀癸紒鍏堝仛杞欢鎵嶆槸閲嶄腑涔嬮噸銆備絾鏄悗鏉ユ病鏈変汉鍙戠幇杩欎釜闂锛屽彧鏈夋垜鐭ラ亾锛堢幇鍦ㄤ綘涔熺煡閬撲簡锛侊級锛屽ぉ鐭ラ亾锛屼綘鐭ラ亾锛屾垜鐭ラ亾锛屼笉瑕佸幓闈掑矝閾惰鍛婅瘔鍒汉锛佸綋鐒讹紝鏈変簡鎴戜滑涔嬪墠闈㈣瘯棰樺仛鐨勫姛鑳斤紝杩欎竴鍒囧氨杩庡垉鑰岃В浜嗐€傜敓鎴愮殑闅忔満棰樹細寰堝潎琛★紝涓嶄細鍑虹幇鍓嶄笁棰樺嚭鐜板嚑鐜囧緢楂橈紝鍚庝笁棰樺彧鑳界杩愭皵鐨勬儏鍐点€傚暒锛佸鏋滃睆骞曞墠鐨勪汉鏄潚宀涗汉鎴栬€呭湪闈掑矝鍦板尯锛屽彲浠ュ幓闈掑矝閾惰鐪嬬湅鏈夋病鏈夎繖绉嶆儏鍐点€傚鏋滀綘璁╂垜鎶婄畻娉曞啓鍑烘潵锛屼负浠€涔堜笉鎶婇潚宀涢摱琛岄噷鐨勬枃鍖栫粡楠岃〃绠楁硶鎹㈡帀鍛紵鍥犱负鎴戝凡缁忚緸鑱屼簡锛佽繖涓」鐩垜鏃犳潈鍐嶅姩浜嗭紝椹婚潚宀涚殑閭ｄ簺鍚屼簨涔熸挙浜嗐€傚叕鍙镐笌闈掑矝閾惰鐨勫悎鍚屼篃宸茬粓姝€傜敳鏂归瀵煎湪楠屾敹鏃朵篃闈炲父婊℃剰锛屾病鏈夋彁鍑烘暣鏀规剰瑙併€傛剰瑙侊紝浜庢槸杩欎釜椤圭洰灏卞渾婊＄粨鏉熶簡銆傘€傘€傚彧鑳芥妸閭ｄ釜绠楁硶鐨勭憰鐤靛煁鍦ㄥ瞾鏈堥噷锛屽湪杩欓噷鍜屽ぇ瀹惰亰鑱娿€?/p>
