鏈嬪弸浠ぇ瀹跺ソ锛屾棭涓婁腑鍗堜笅鍗堜笅鍗堟繁澶滐紝鎴戞槸鐖辨姌鑵剧殑jsliang~銆婂墠绔湪璇翠粈涔堛€嬫槸jsliang鐨勬棩甯稿啓鏂囩珷/鍋氳棰?鐩存挱鐨勬椂鍊欙紝灏忎紮浼翠滑鎻愰棶锛屾垜鐨勫洖绛旀暣鐞嗗嚭鏉ヤ簡銆傛湰鏂囪棰戝悓姝ワ細https://www.bilibili.com/video...鏈湡瀵瑰簲2023骞?1鏈?4鏃ョ洿鎾棿绮変笣浜掑姩锛屼富瑕佽璇磈sliang杩欎釜React鑿滈笩锛屽府蹇欏垎鏋愪竴涓媀ue澶氬眰宓屽鏃剁晫闈笉娓叉煋鐨勯棶棰橈紝浠ュ強瀵逛唬鐮侀鏍肩殑涓€浜涙劅鎮熴€傚ぇ瀹剁殑鍏虫敞鍜岀偣璧炴槸鎴戞寔缁洿鏂扮殑鍔ㄥ姏馃挅锛岃阿璋㈠ぇ瀹秪Hi锛佷负浠€涔堢晫闈㈠嚭涓嶆潵锛熼鍏堬紝閭ｅぉ鏈嬪弸姹傚姪鐨勬椂鍊欙紝鎴戝緢杩疯尗銆傚洜涓烘湰浜烘槸React鑿滈笩锛屾棤娉曠‘璁ゆ槸鍚﹀彲浠ュ府蹇欒В鍐抽棶棰樸€傚鏋滄渶鍚庝笉甯繖瑙ｅ喅闂锛岃偗瀹氫細琚墦寰楀緢鎯▇鐒跺悗锛屾兂鐫€杩囧勾浜嗭紝灏忎紮浼翠滑杩樺湪鎯宠繖涓棶棰橈紝瑕佹槸浣犺兘涓€涓€甯繖~閭ｅ氨闂棶鍚ц娓呮骞跺府蹇欏垎鏋愬垎鏋愶紒灏忎紮浼存弿杩帮細涓€寮€濮嬬敤vue鐜╃骇鑱旀搷浣滅粍浠讹紝涓€绾ц仈鍔ㄦ病闂锛屽彲浠ヨ幏鍙栨暟鎹覆鏌擄紝浣嗘槸澶氱骇宓屽鏈夐棶棰樸€傝幏鍙栧埌鏁版嵁锛屼絾鏄覆鏌撳け璐ャ€傛垜灏濊瘯浣跨敤`setTimeout`锛屾晥鏋淪o锛屽惉瀹屾弿杩帮紝寮€濮嬪弽澶嶇湅ta浠ｇ爜锛屽紑濮嬩簡Google涔嬫梾銆傝姳浜嗗ぇ绾?0鍒嗛挓锛屽皾璇曡繍鐢ㄨ嚜宸辩殑鐭ヨ瘑鍗村彂鐜版鏃犵敤澶勶紝缁堜簬鎵惧埌浜嗕竴涓寰楅€氱殑瑙ｉ噴锛氱粓浜庨€氳繃vm.$forceUpdate()瑙ｅ喅浜嗏€滈潰瀛愨€濆嵄鏈簙鎴戜篃閬囧埌浜嗘暟鎹覆鏌撻棶棰樻湅鍙嬩滑锛屼綘鍙互鐪嬬湅杩欑瘒鏂囩珷銆俈ue鏁版嵁鏇存柊浜嗭紝浣嗘槸椤甸潰娌℃湁鏇存柊銆?绉嶆儏鍐垫€荤粨鍜屾墿灞曟€荤粨锛丆odeStyleDistrute瑙ｅ喅浜嗘湅鍙嬩滑鐨勯棶棰樺悗锛屽績閲岄】鏃舵湁浜嗗簳姘旓紝浜庢槸鍜屾湅鍙嬩滑涓€璧疯璁轰粬浠殑浠ｇ爜椋庢牸闂銆傚綋鐒讹紝灏忎紮浼翠滑涔熻В閲婅锛屼粬浠殑浠ｇ爜鏄浜哄弬涓庣殑锛屾病鏈夌粺涓€鐨凩int锛屾墍浠ユ墠浼氬嚭鐜拌繖涓棶棰樸€傛墍浠ワ紝鍏ㄧ▼鐨勪氦娴佹皼鍥粹€滃緢鍙嬪ソ鈥濓紝灏卞埆鎯充簡~2.1灞傜骇缂╄繘鈥斺€?绌烘牸4绌烘牸銆傚儚涓婇潰鐨勪唬鐮佸浘锛屼竴浼氬効鏄?涓┖鏍硷紝涓€浼氬効鏄?涓┖鏍笺€傚洟闃熻鑼冮棶棰樺緢澶с€侸avaScript涓湁涓€涓鎬殑浜夎锛氫娇鐢?涓┖鏍艰繕鏄?涓┖鏍兼洿濂姐€傜涓€娆＄煡閬撹繖涓尯鍒殑鏃跺€欙紝鍥犱负鎴戝湪宸ヤ綔涓啓浜?涓┖鏍硷紝鎵€浠ヨ澶ц€佹澘鍚愭Ы浜嗐€傚悗鏉ヨ璇嗕簡澶т浆浠紝鎴戞墠鏄庣櫧锛氶偅浜涒€滃ぇ鈥濆睆濡?鏍煎拰鈥滃皬鈥濆睆濡?鏍肩殑锛岄渿鎾间簡鎴戜竴鏁村勾锛侊紒鎼炲緱鎴戠敤绗旇鏈啀澶栨帴鏄剧ず鍣ㄥソ灏村艾~鍙樿韩锛岀洿鎺ュ綋涓棿浜猴紒浣犲己浣犲己锛岃兘璺戝氨鑳芥垚鐜嬨€?.2娉ㄩ噴浣嶇疆鈥斺€斿墠闈㈣繕鏄悗闈㈡敞閲婁綅缃斁鍦ㄨ灏捐繕鏄笂闈㈡槸鏈変簤璁殑锛歭ineendconstname='jsliang';//Thisisabovemyscreenname//Thisismine灞忓箷鍚嶇Оconstname='jsliang';鍏徃涓庡洟闃熷悎浣滄椂涔熶細閬囧埌杩欑鍐茬獊銆傚洜涓洪」鐩缓璁鹃棶棰橈紝娉ㄩ噴鍙兘浼氭斁鍦ㄥ崟琛岋紝鎵€浠ヤ細鍑虹幇濡備笅鎯呭喌锛歝onstname='jsliang';//杩欐槸鎴戠殑缃戝悕锛屾墍浠ュ湪宸ヤ綔涓吇鎴愪簡涓€涓範鎯紝浠ｇ爜娉ㄩ噴鏄湪涓婇潰鐨勪竴琛屼腑銆備絾鏄垜瑙夊緱濡傛灉鏄竴浜涙瘮杈冪煭鐨勬敞閲婏紝鏀惧湪琛屽熬涔熸槸鍙互鐨勶紝姣斿锛歝onstname='jsliang';//灞忓箷鍚嶇Оconstage=28;constlike='鐜?;//鐖卞ソ//?杩欎釜甯搁噺鏄仛浠€涔堢殑锛屽鏋滄病鏈夋敞閲婏紝鎬庝箞鐞嗚ВconstTODO=[];鍝庡憖锛佺幇鍦ㄤ笉涔犳儻鐪嬪埌琛屽熬鐨勬敞閲婁簡~涓汉瑙夊緱涓昏鏄彉閲忓悕鐨勯棶棰樸€傚洜涓烘湁浜涘彉閲忓悕鍦ㄨ嫳鏂囩炕璇戜腑鏈夊閲嶅惈涔夛紝闇€瑕侀€氳繃娉ㄩ噴鏉ュ姞寮鸿В閲娿€傚洜姝わ紝宸ヤ綔涓笉鏄撶悊瑙ｇ殑鍙橀噺鍚嶅拰鏂规硶鍑芥暟鏈€濂藉姞涓婃敞閲娿€傛劅鍏磋叮鐨勬湅鍙嬪彲浠ュ叧娉↗SDoc锛歨ttps://www.jsdoc.com.cn/2.3_this=this?鐪熻浜烘姄鐙傘€傝繖閲屾湁涓€涓猇ue涓殑鎿嶄綔鎴戣繕娌℃湁鎯抽€氾細jsliang鏌ヤ簡涓€涓嬶紝Vue涓婂啓鐨勬槸杩欎釜锛屽洜涓簍his鎸囧悜闂锛屾墍浠ラ渶瑕侊細const_this=this;鍙傝€冿細Vue涓殑varthat=this璇彞鏄粈涔堟剰鎬濓紵涓婇潰鐨勫笘瀛愯櫧鐒惰璁轰簡绠ご鍑芥暟鐨勪娇鐢紝浣嗘槸鎴戣繕鏄『渚挎煡浜嗕竴涓媀ue瀹樼綉銆傞噷闈篃璇寸殑寰堟竻妤氾紝澹版槑鏂规硶鐨勬椂鍊欒閬垮厤浣跨敤绠ご鍑芥暟锛氳浠佽鏅恒€傚鏋滄湁瀵筕ue姣旇緝鐔熺粌鐨勬湅鍙嬶紝鍙互鍦ㄨ瘎璁哄尯鐣欒█璇磋鑷繁瀵硅繖鍧楃殑鐪嬫硶~2.4var/let鍜宑onst鍦ㄦ枃绔燿ocument-library/绯诲垪涓?闈㈣瘯璧勬枡/JavaScript/鍙橀噺锛屾垜浠帰绱㈣繃銆傚浜巚ar锛屽洜涓烘湁涓嶅彲鎺у洜绱狅細var澹版槑鐨勫彉閲忎細琚瑙ｆ瀽鎻愬崌涓哄叏灞€鍙橀噺锛岃繖浼氬奖鍝嶅埌鏁翠釜JS鑴氭湰銆備緥濡傦細vartemp=newDate();functionf(){console.log(temp);濡傛灉锛堝亣锛墈vartemp=鈥滀綘濂解€濓紱}}F锛堬級;//undefined褰撹繖娈典唬鐮佸潡鎵ц鏃讹紝temp琚瑙ｆ瀽鍜屾彁鍗囷紝鎵€浠ュ畠鍙樻垚锛歷artemp=newDate();functionf(){+vartemp;鎺у埗鍙版棩蹇楋紙娓╁害锛夛紱if(false){-vartemp="浣犲ソ";+temp="浣犲ソ";}}F锛堬級;//undefined鎵€浠S6鍑烘潵浜唋et鍜宑onst銆備笉纭畾鍙橀噺绫诲瀷鍜屽€兼椂锛屼娇鐢╨et锛屾搷浣滃父閲忓拰鍥哄畾绫诲瀷鏃讹紝浣跨敤const:letage=28;constname='jsliang';constinfo={name,age,};//name:'jsliang',age:28console.log(info);//涓€骞村悗constafter1Year=()=>{age++;};after1Year();constnewInfo={name,age,};//name:'jsliang',age:29console.log(newInfo);鏈夊叧鏇村淇℃伅锛岃璁块棶鏂囨。搴?绯诲垪閲囪鏁版嵁/JavaScript/鍙橀噺銆?.5鏁版嵁瑙ｆ瀯-a.b.c.d杩欎釜闂鍦ㄥ伐浣滀腑寰堝父瑙侊細鍦ㄩ噸澶嶈皟鐢ㄧ殑鏃跺€欙紝灏ゅ叾鏄痺indow.xxx鐨勫舰寮忓緢澶氱殑鏃跺€欙紝闇€瑕佹壘鍒伴噷闈㈢殑灞炴€с€傚儚杩欐牱缂栧啓浠ｇ爜鏇撮毦闃呰銆傚彲浠ュ皾璇曡繖鏍蜂紭鍖栵細//1.鏄幏鍙栵紝鍏煎constdataset=e.currentTarget.dataset||{};//2.瑙ｆ瀯寰楀埌const{id,name,pid,pindex}=dataset;//3.鍋氬叾浠栨搷浣?/娉ㄦ剰纭繚鏄惁闇€瑕佸垽鏂璱d/name鐨勫吋瀹规€?/濡傛灉鍙兘鏄痷ndefined锛岄偅涔堜綘搴旇if(id){}2.6瀵硅薄涓殑key鍜寁alue鍚屽悕銆備笅闈㈡槸2涓彲浠ュ皾璇曟彁鍗囬槄璇讳綋楠岀殑鎿嶄綔銆傚皾璇曚紭鍖栵細queryfntQueryVillage({//param:paramparam}).then((res)=>{//...todo});灏濊瘯浼樺寲锛?/_this.result[_this.navCurrentIndex]={id:id,name:name,pid:pid};_this.result[xxx]={id,name,pid};杩欎袱涓搷浣滃彲浠ヨ浠ｇ爜鐪嬭捣鏉ユ洿鍔犵簿绠€銆?.7forEach鍜宖or鐨勪娇鐢ㄤ竴鐩存部鐢ㄨ嚦浠娿€傜湅鍒颁笂闈㈢殑浠ｇ爜锛屾垜杩橀殣闅愯寰楀ご鐨彂楹汇€傛垜浠簲璇ョ悊瑙orEach涓嶄細涓鍚庣画寰幆銆傛墍浠ュ綋鏁版嵁閲忓お澶х殑鏃跺€欙紝瀵规€ц兘鏄竴涓緢楂樼殑鎸戞垬銆傚綋浣犳湁1w鏉℃暟鎹椂锛岃櫧鐒舵垜鎵惧埌浜嗙涓€涓紝浣嗚繕鏄細閬嶅巻1w娆°€傛墍浠ュ湪杩欑鎯呭喌涓嬶紝浣跨敤for鍙互鍙婃椂姝㈡崯銆俢onstdata=_this.data;for(leti=0;i
