鎴戝弻閲嶅垎绫绘暣鐞嗕簡涓€鎵瑰墠绔簿鍝佹枃绔狅紝浣滀负閫佺粰澶у鐨勬柊骞寸ぜ鐗┿€傛€庝箞鏈夌鎶辩潃銆?骞撮珮鑰?骞存ā鎷熴€嬪幓鎷滃勾鐨勬劅瑙夆€︹€﹀鏋滆寰椾笉澶熸病鍏崇郴锛屽幓骞寸殑杩樻病杩囨椂锛屽彲浠ョ户缁槄璇伙細2020鎴樼嚎-缁撴潫闈㈣瘯澶嶄範蹇呰鏂囩珷銆愯秴杩?00绡囥€戝伐绋嬪墠绔伐绋嬪熀纭€Just-CLI鏂囩珷锛欻owtoimplementVueCLI锛氫竴绡囨悶瀹歏ueCLI鍓嶇宸ョ▼鍩虹鐭ヨ瘑鐨勬枃绔燡ust-CLI鏂囩珷锛欻owtoimplementCreateReactAPP锛氫竴鏂囨悶瀹欳reateReactApp濡備綍浣跨敤Babel鑷姩涓轰唬鐮佸紩鍏ヤ緷璧栵細Babel鎻掍欢瀹炴垬babel-plugin-import鎻掍欢绠€鍗曞疄鐜帮細Babel鎻掍欢瀹炴垬鑷姩鐢熸垚缁勪欢浠ｇ爜-VueCLI鎻掍欢-in寮€鍙戝疄鎴橈細VueCLI鎻掍欢缂栧啓鏂规硶瀹炴垬2021鍓嶇鏂板彉鍖栵紝鐢╲ite浠ｆ浛webpack鎼缓React锛侊細娓歌揪濂借嚜淇★紒VSCode閰嶇疆ESLint+Prettier锛氭墜鎶婃墜鏁欎綘閰嶇疆鍜屽疄鐜颁竴涓畝鍗曠殑妯″潡鎵撳寘鍣細涓€姝ヤ竴姝ヤ粠闆跺紑濮嬪疄鐜颁竴涓畝鍗曠殑webpack妯″潡鎵撳寘鍣ㄣ€備竴绡囧緢璇︾粏鐨勫墠绔伐绋嬫枃绔狅細鎺ㄨ崘浜嗚ВJavaScript妯″潡鍩虹锛岃嚜宸辨惌寤哄簱锛氫笉鎳傜殑鐪嬪畬搴旇鏄庣櫧銆愮函骞茶揣銆戝墠绔疌LI鑴氭墜鏋舵€濊矾瑙ｆ瀽:鐪嬪畬浣犲氨鎺屾彙浜嗗墠绔痗li鐨勫紑鍙戙€傚浣曚粠0鍒?鎼缓涓€涓猅eamsPC/H5鎼缓宸ュ叿锛氫负浠€涔堣鍋氾紵鎬庝箞鍋氾紵鍓嶇灏忓井鍥㈤槦鐨凣itlab瀹炶返鎸佺画闆嗘垚宸ュ叿锛孏itHubActions锛氫粈涔堟槸GitHubActions锛熷浣曞埗瀹氫紒涓氱骇浠ｇ爜瑙勮寖鍜岄潤鎬佹鏌ワ細瀹氬埗鍖栦唬鐮佽鑼冨拰妫€鏌ュ浣曞仛浜偣锛熸彁楂楯avaScript寮€鍙戞晥鐜囩殑12涓狽PM鎶€宸э細鏇撮珮鏁堝湴浣跨敤NPM銆?W瀛楅暱鏂囧甫浣犳繁搴﹁В閿乄ebpack绯诲垪锛堜笂锛夛細涓夌瘒4W澶氬瓧闀挎枃锛屽甫浣犺В閿乄ebpack銆傚笇鏈涚湅瀹岃繖涓夌瘒鏂囩珷锛屼綘鑳界敤涓€绡囦竾瀛楅暱鏂囩湅鎳倃ebpack鐨勫悇绉嶉厤缃€傛繁搴﹁В閿乄ebpack锛堣繘闃讹級锛氫笁绡囬暱鏂囧甫浣犳繁搴﹁В閿乄ebpack銆傚笇鏈涘ぇ瀹剁湅瀹岃繖涓夌瘒鏂囩珷鍚庯紝鑳藉瀵箇ebpack鐨勫悇绉嶉厤缃湁鏇存竻鏅扮殑璁よ瘑銆傚墠绔伐绋?npm鐨勫寘绠＄悊鏈哄埗瑙ｆ瀽锛堝畬鏁寸増锛夛細鍓嶇寮€鍙戝悓瀛︾涓嶅紑npm杩欎釜鍖呯鐞嗗伐鍏枫€傞潰璇曟暀浣犲浣曞啓鍒濈骇/楂樼骇鎶€鏈矖浣嶇畝鍘嗐€愮畝鍘嗗湴鍥惧厤璐广€戯細缁撳悎鑷繁鐨勭畝鍘嗙粡楠岋紝鍐欐枃绔犺亰鑱娿€傘€愪粠閾滅墝鍒伴捇鐭炽€?骞村垱涓氬叕鍙告垚闀跨粡鍘?&璁胯皥鎬荤粨锛氭牎鎷涘绉疮鍜屽啓鐨勶細濡備綍鍋氬ソ鏍℃嫑鍓嶆湡锛氫絾鍥炲ご鐪嬫牎鎷涳紝鏈変竴浜涙劅鎮燂紝鎴戝彲浠ュ拰浣犲垎浜€傚墠绔熀纭€闈㈣瘯棰?绛旀銆愯壇蹇冩暣鐞嗗埗浣溿€戯細闇囨儕锛佷笉閫犵伀绠紝鐪熺殑寰堝熀纭€锛?020骞存姈闊虫灦鏋勭粍鍓嶇瀹炰範鐢熼潰鎺堬紙offer锛夛細澶己浜嗭紒鏈€鎳傚師鐞嗙殑鍑犻亾Vue闈㈣瘯棰橈細涓嶆噦閮戒笉濂芥剰鎬濊浣犵簿閫歏ue~75閬揓avaScript闈㈣瘯棰橈紝25000瀛楀浜嗭細闂+鍙傝€冪瓟妗堬紝鐪嬪畬===灏辩煡閬撲簡銆傞樋閲屻€佽吘璁€佺編鍥€佺綉鏄撶瓑涓€绾夸簰鑱旂綉鍏徃闈㈣瘯鎬荤粨锛氫竴娉㈠ぇ鍘傞潰璇曠湡棰樺彂涓婃捣鑾夎帀涓濄€佺背鍝堟父銆佸摂鍝╁摂鍝┿€佸皬绾功銆佸緱鐗╃瓑浜掕仈缃戝叕鍙搁潰璇曟€荤粨锛氫笂娴峰嚑瀹跺叕鍙稿浜庝簰鑱旂綉鍏徃鏉ヨ锛岄潰璇曞熀鏈兘鏄腑楂樼骇鍓嶇宀椾綅銆傚墠绔€ц兘浼樺寲琛嶇敓鍑虹殑5閬撶粡鍏搁潰璇曢锛氬€煎緱鏀惰棌銆愰潰璇曡皥銆戝墠绔竴骞村崐姣旀垐涓€浜屼笁锛氫竴骞村崐浠ヤ笂鍓嶇2骞村伐浣滅粡楠?-9鏈堥潰璇曠粡楠岋細10+鍏徃缁忛獙Vue杩涢樁闈㈣瘯蹇呴棶銆佸紓姝ユ洿鏂版満鍒跺強nextTick鍘熺悊锛氭簮鐮佺骇瑙ｆ瀽锛屾弧鍒嗙瓟棰?0+Vue闈㈣瘯棰樻暣鐞嗭細鍓嶇寮€鍙戝繀澶囷紝Vue闈㈣瘯鎼炲畾锛併€婃煡婕忚ˉ缂恒€嬮珮棰戣€冪偣娴忚鍣ㄩ潰璇曢锛氬墠瑷€瑕佹兂鎴愪负涓€鍚嶅悎鏍肩殑鍓嶇宸ョ▼甯堬紝鎺屾彙鐩稿叧娴忚鍣ㄧ殑宸ヤ綔鍘熺悊鏄緢鏈夊繀瑕佺殑銆傘€婃簮鐮佺骇瑙ｇ瓟銆嬪ぇ鍘傞珮棰慥ue闈㈣瘯棰橈紙涓級锛氬繀鐭ラ锛屼笉鍟嗛噺銆傘€愭簮鐮佺骇瑙ｇ瓟銆戝ぇ鍘傞珮棰慥ue闈㈣瘯棰橈紙涓婏級锛氫粠婧愮爜瑙掑害瑙ｇ瓟涓€浜沄ue闈㈣瘯棰橈紝缁欓潰璇曞畼鐣欎笅娣卞埢鍗拌薄銆?1閬揓avaScript楂橀鎵嬪啓闈㈣瘯棰橈紙涓€锛夛細鍩烘湰涓婂湪闈㈣瘯鐨勬椂鍊欙紝缁忓父浼氶亣鍒版墜鎾昘XX涔嬬被鐨勯棶棰樸€傝繖娆★紝鎴戞潵姊崇悊鎬荤粨涓€涓嬨€?1閬揓avaScript楂橀鎵嬪啓闈㈣瘯棰橈紙浜岋級锛氬熀鏈笂鍦ㄩ潰璇曠殑鏃跺€欙紝缁忓父浼氶亣鍒版墜鎾昘XX涔嬬被鐨勯棶棰樸€傝繖娆★紝鎴戞潵姊崇悊鎬荤粨涓€涓嬨€傞潰璇曞畼闂綘鐨刵ode锛堝熀纭€锛夛細鏁寸悊闆舵暎鐨勭煡璇嗐€傛儕鎮?W瀛桱avaScript闈㈣瘯鐭ヨ瘑鐐癸細20涓綘涓嶇煡閬撶殑鐪熸鈥滈潰璇曗€濈殑React鍜孷ue鍖哄埆锛氶潰璇旻AQ锛氫粠澶氫釜灞傞潰鐪婻eact鍜孷ue鏈変粈涔堝尯鍒紵銆婇潰璇曘€?5鐗涘缃慗avaScript缁忓吀棰樻眹鎬伙紙8500瀛楋級锛氱墰瀹㈢綉鐨?5閬揓S鑳藉姏娴嬭瘎棰橈紝鍩烘湰涓婃槸瀵硅嚜宸盝avaScript鍩虹姣旇緝鍏ㄩ潰鐨勬祴璇勩€傚墠绔潰璇曟墜鎾曚唬鐮佹妧宸ф€荤粨锛氬墠瑷€鎴戜滑鍦ㄩ潰璇曠殑鏃跺€欙紝缁忓父浼氳闈㈣瘯瀹橀棶鍒板嚑涓叧浜庢墜鍐欎唬鐮佺殑闂銆傘€愰潰璇曘€慗avaScript闈㈠悜瀵硅薄闈㈣瘯棰橈紙涓婏級锛氭湰绔犱富瑕佹槸鎯崇粰澶у浠嬬粛涓€涓婮S闈㈠悜瀵硅薄灏佽鐨勭涓€涓ぇ鐗规€э紝涔熶负鍚庨潰鏈€閲嶈鐨勭户鎵挎墦濂藉熀纭€銆傘€愰潰璇曘€?0閬撻瑙ｅ喅JavaScript鐨則his锛氭湰鏂囨槸鎴戣嚜宸辨暣鐞嗙紪杈戠殑40閬搕his闈㈣瘯棰樼殑17000瀛楅暱鏂囥€傚缓璁繚瀛樸€傘€愰潰璇曘€戝浘瑙CP甯歌闈㈣瘯棰橈紒:鏁寸悊浜嗕竴涓婽CP鐨勪笁娆℃彙鎵嬪拰鍥涙鎸ユ墜鐨勯潰璇曢锛屽拰澶у涓€璧疯璁恒€傚浘瑙TTP甯歌闈㈣瘯棰橈紒鑷繁鐢伙紒:HTTP鐩稿叧鐨勭煡璇嗕篃鏄潰璇曞繀鑰冪殑锛屼笉闇€瑕佽€冪殑澶繁锛屼絾鏄繖鍑犵偣浣犱竴瀹氳鐭ラ亾銆傘€愪笓璁裤€戜负浠€涔圴ue涓嶇敤index浣滀负key锛歏ue涓殑key鏄共浠€涔堢敤鐨勶紵涓轰粈涔堜笉寤鸿浣跨敤绱㈠紩浣滀负閿紵鎴戠粡甯稿惉璇磋繖鏍风殑闂銆傛湰鏂囧氨甯︿綘浠庡師鐞嗕笂涓€鎺㈢┒绔熴€傛槬鎷涙垜鏄浣曟敹鑾峰ぇ鍏徃offer鐨勶細鏄ユ嫑鎷垮埌闃块噷銆佽吘璁€佺編鐨勫墠绔疄涔爋ffer鐨勫ぇ浣滑鍒嗕韩浜嗕粬浠负浠€涔堝鍓嶇锛屾€庝箞瀛﹀墠绔殑鎴愰暱涔嬭矾鍓嶇锛屼互鍙婂浣曚粠澶у叕鍙搁偅閲屾敹鑾穙ffer銆?0,000瀛梶鍓嶇鍩虹琛ュ厖90闂細鏈枃鏄綔鑰呬竴骞村鏉ュ鍓嶇鍩虹鐭ヨ瘑鐨勬€荤粨鍜屾€濊€冦€傝繖浜涢鐩槸瀵硅嚜宸辩殑涓€涓€荤粨锛屽笇鏈涜兘缁欏ぇ瀹跺甫鏉ヤ竴浜涘府鍔╁拰鍚彂銆?.5骞寸粡楠屽浣曞噯澶囬樋閲屽反宸碢6鍓嶇闈㈣瘯锛氳繖绡囨枃绔犳兂鍒嗕韩涓€涓嬪浣曞噯澶囬樋閲岄潰璇曪紝浠ュ強浣犲闈㈣瘯杩囩▼鐨勭湅娉曘€傛垜甯屾湜瀹冨彲浠ュ府鍔╀綘銆備釜浜烘垚闀?020鍓嶇鍒嗙被鎺ㄨ崘涔﹀崟銆愮粨鍚堟€濈淮瀵煎浘銆戯細鏁寸悊浜嗕竴浜涘墠绔帹鑽愪功鍗曪紝鏈夌殑鐪嬭繃锛屾湁鐨勭綉璇勪笉閿欍€傚鍒濈骇鍓嶇绐佺牬鐡堕鏈熺殑涓€浜涚悊瑙ｅ拰鎬濊€冿細鎴戣杩囧緢澶氬伐浣滀簲骞翠笁骞寸粡楠岀殑鍚屽锛岄亣鍒扮摱棰堟湡鐨勬椂鍊欐槸涓€澶撮浘姘达紝涓€澶撮浘姘淬€傚垎浜嚜宸辩殑缁忓巻锛屽浣曟垚涓轰竴瀹跺叕鍙哥殑鐙宸ョ▼甯堬細浠庢妧鏈兘鍔涘拰涓氬姟鑳藉姏涓や釜鏂归潰杩涜璁茶В銆傚墠绔皬缁?020骞寸粓鎬荤粨鍒濅腑绾у伐绋嬪笀濡備綍蹇€熸垚闀匡紝瀵绘眰绐佺牬锛氬笇鏈涜繖绡囨枃绔犺兘缁欒繖浜涘垵涓骇宸ョ▼甯堜竴浜涘惎鍙戯紝涓嶅啀杩疯尗鈥滃共璐р€濆浣曟垚涓轰紭绉€鐨勫垵绾у紑鍙戜汉鍛橈細濡傛灉鎮ㄥ湪闃呰鏈枃鏃讹紝鎮ㄥ彲鑳藉垰鍒氬紑濮嬬涓€浠藉伐浣溿€傛窐鍓嶇澶т浆锛氬浣曚粠闈掗摐鍓嶇杩涢樁鐜嬭€咃細濡備綍绐佺牬鍓嶇寮€鍙戞妧鏈摱棰堟祬璋堝伐绋嬪笀鐨勬垚闀垮瘑鐮侊細姣忎釜浜虹殑鎴愰暱杞ㄨ抗涓嶄竴鏍凤紝涓€璺亣鍒扮殑鏈轰細鏂瑰紡涔熶笉鍚屻€傚墠绔亴涓氬彂灞曢亾璺笂闇€瑕佸叿澶囩殑蹇呭绱犺川鎴戠殑鍓嶇鐭ヨ瘑浣撶郴鏋勫缓锛堜笂锛夛細鏋勫缓鑷繁鐨勭煡璇嗕綋绯诲緢閲嶈濡備綍甯﹀洟闃熶粠鍓嶇灏忕櫧鎴愰暱涓烘妧鏈皬鐗涳細涓€涓墠绔皬濮愬鐨勮嚜鎴戞垚闀胯繃绋嬨€侾rogrammer'sGrowthAnxiety:BuildingaLong-TermCareer锛氭槸鏃跺€欏埗瀹氭洿闀胯繙鐨勮亴涓氳鍒掍簡銆傞殢鐫€鎶€鏈殑杩涙锛屼汉涔熷繀椤绘垚闀裤€侶owIworkinAli(softskills):鎴戝湪闃块噷宸ヤ綔涓€骞村浜嗐€傚湪杩欎釜杩囩▼涓紝鎴戞€荤粨浜?鏉￠珮鏁堝伐浣滅殑缁忛獙锛屽湪杩欓噷鍒嗕韩缁欏ぇ瀹讹紝甯屾湜瀵瑰ぇ瀹舵湁鎵€甯姪銆係cott鑰佸笀鐢ㄤ袱骞寸殑缁忛獙瑙ｇ瓟5浣嶅墠绔粠涓氳€呯殑鍥版儜锛氭渶杩戝鑷繁鍓嶇鑱屼笟鎰熷埌杩疯尗鐨勫悓瀛﹀彲浠ョ湅鐪嬩簲涓€鏈熼棿鎬濊€冧竴涓媬濡備綍鍦ㄤ簲涓€鏈熼棿鎺ㄥ箍鍓嶇鍩虹璁炬柦staffisweak-Scott锛氬叧浜嶩owtopromotedepthsharingoffront-endinfrastructure锛屽€煎緱浠旂粏闃呰鍚庢€濊€冦€?骞村墠绔粡楠岋紝鎰熻椤圭洰娌℃湁鎶€鏈惈閲忔€庝箞鍔烇紵:宸ヤ綔涓ゅ勾浜嗭紝姣忓ぉ鐨勫伐浣滃ソ鍍忔病浠€涔堟妧鏈惈閲忋€傛垜搴旇鎬庝箞鍔烇紵銆愯亴涓氳鍒掋€戝浣曟彁鍗囧墠绔按骞筹細鎴戜滑姣忎釜浜烘瘡澶╁鍓嶇鍜岃亴涓氳鍒掗兘鏈変竴浜涘洶鎯戯紝搴旇濡備綍璧板嚭鍥板銆侸avaScript2020JavaScript鐘舵€佽皟鏌ユ姤鍛婂彂甯冿細鍒嗘瀽鍑犱釜鏈夎叮鐨勬暟鎹崟渚嬫ā寮忎箣璁捐妯″紡锛氬浣曟垚涓轰綘鐨勨€滃敮涓€鈥濓細鐪熺悊鍙湁涓€涓€?1tipstoimprovethequalityofyourJavaScriptcode:涓€浜涚畝鍗曠殑鎶€宸э紝浣犲彲浠ユ彁楂樹唬鐮佽川閲弤HTML椤甸潰鍘熺敓鐢熷懡鍛ㄦ湡浜嬩欢璇﹁В锛氬師鐢熻兘鍔涘繀椤讳簡瑙濡備綍鍒涘缓銆佹洿鏂板拰閬嶅巻JavaScriptArrayofObjects锛氬舰璞″湴灞曠ず浜咥rrayJavaScriptArrayandObjectConversionMethods鐨?0涓父鐢ˋPI锛氭€荤粨浜嗘棩甯稿紑鍙戜腑瀵硅薄鍜屾暟缁勭殑涓€浜涘父鐢ㄦ柟娉曚互鍙婂畠浠箣闂寸殑杞崲鏂规硶銆?5閬揓avaScript闈㈣瘯棰橈紝25000瀛楀氨澶熶簡锛氶鐩?鍙傝€冪瓟妗堬紝鐪嬪畬===灏辩煡閬撲簡銆傛柊璇硶锛氬彲閫夐摼鎺モ€?鈥濆畠鏈変粈涔堜綔鐢紵:杩欐槸璁块棶宓屽瀵硅薄灞炴€х殑瀹夊叏鏂规硶銆傚垵瀛﹁€呭繀鏀剁殑50涓狫avaScript宸ュ叿鍑芥暟锛氫綘鍙渶鑺?0绉掑氨鑳芥帉鎻″紑鍙戜腑闇€瑕佺殑鍔熻兘7涓鍚屼簨鐖变笂浣犵殑浠ｇ爜鐨勬妧宸э細鍐欎汉鐖憋紝鑺卞紑鑺憋紝鑰佹澘鐪嬩唬鐮佽€佹澘澶哥殑鍘夊锛乂isualjs锛氬姩鎬佸浘婕旂ずPromises&Async/Await鐨勬祦绋嬶紒:閫氫織鏄撴噦锛圗S5鐗堬級娣卞叆鐞嗚ВJavaScript鎵ц涓婁笅鏂囧拰鎵ц鏍堬細璇戣€呭墠瑷€鏈€杩戝湪瀛︿範JavaScript鍩虹鐭ヨ瘑锛屼絾鏄湅鍒版墽琛屼笂涓嬫枃鐨勮В閲婃椂锛屽彂鐜版湁涓ょ锛屼竴绉嶆槸涓哄垵瀛﹁€呭疄鐜癟ypeScript銆傝繖浜涢棶棰樹綘涓€瀹氶亣鍒拌繃锛氬湪瀛︿範TypeScript鐨勮繃绋嬩腑锛屼竴浜涗竴鐩村洶鎵扮殑闂锛屽澶у鏈夋墍甯姪銆備笉鐭ラ亾鎬庝箞鎵撳寘浠ｇ爜锛熺湅鐪嬭繖浜涜璁℃ā寮忥紒锛氶珮鍐呰仛锛屼綆鑰﹀悎锛屼紭闆呫€侸avaScript涓璽his鐨勮鍖哄強甯歌闂瑙ｉ噴锛氳繖浼氳寰堝鍚屽鍦ㄥ伐浣滃涔犱腑鎰熷埌鍥版儜锛屾垜浠潵姊崇悊涓€涓嬨€傚垵涓骇鍓嶇JavaScript鑷祴娓呭崟锛?.2w瀛楋紝鎺ㄨ崘鏀惰棌锛夛細甯屾湜鍙互浣滀负鑷祴娓呭崟锛屽府鍔╁ぇ瀹跺珐鍥虹煡璇嗭紝娓╂晠鐭ユ柊銆傚垵涓骇鍓嶇JavaScript鑷祴checklist-2锛堟帹鑽愭敹钘忥級锛氫竴涓潪甯稿ソ鐨勬鏌ヨ嚜宸盝avaScript鎺屾彙姘村钩鐨刢hecklist銆俰felse缂栧啓楂樿川閲忎唬鐮佺殑浼樺寲锛歩felse鏄棩甯稿紑鍙戜腑鏈€甯歌鐨勪唬鐮侊紝濡備綍浼樺寲锛烰avaScript璁捐妯″紡瀛︿範鎬荤粨涓庢劅鎮燂細寮€鍙?闈㈣瘯蹇呭锛屽繀鏀躲€?1閬揓avaScript楂橀鎵嬪啓闈㈣瘯棰橈紙涓€锛夛細鍩烘湰涓婂湪闈㈣瘯鐨勬椂鍊欙紝缁忓父浼氶亣鍒版墜鎾昘XX涔嬬被鐨勯棶棰樸€傝繖娆★紝鎴戞潵姊崇悊鎬荤粨涓€涓嬨€?1閬揓avaScript楂橀鎵嬪啓闈㈣瘯棰橈紙浜岋級锛氬熀鏈笂鍦ㄩ潰璇曠殑鏃跺€欙紝缁忓父浼氶亣鍒版墜鎾昘XX涔嬬被鐨勯棶棰樸€傝繖娆★紝鎴戞潵姊崇悊鎬荤粨涓€涓嬨€傞潰璇曞畼闂綘鐨刵ode锛堝熀纭€锛夛細鏁寸悊闆舵暎鐨勭煡璇嗐€傛亹鎬栫殑4W瀛桱avaScript闈㈣瘯鐭ヨ瘑鐐癸細鐪熸鐨凧avaScript鏁扮粍蹇呴』鎺屾彙鐨勫父鐢ㄦ柟娉曞拰鎶€宸?28閬撳墠绔潰璇曢绛旀瓒呰缁嗐€?.1W瀛椼€戯細杩欑瘒鏂囩珷鏄垜鏈€杩戜竴浜涢潰璇曠殑鎬荤粨锛岀粡杩囪绠楋紝涓€鍏?28閬撻锛屽熀鏈笂閮藉啓浜嗘瘮杈冨畬鏁寸殑绛旀銆俆ypeScript鍏ラ棬澶ф暀绋嬶紙1.2W瀛楋級锛氭湰鏂囧甫浣犱竴姝ユ瀛︿範TypeScript鍏ラ棬鐩稿叧鐨勫崄鍥涗釜鐭ヨ瘑鐐广€傜敤40琛屼唬鐮佸疄鐜颁竴涓畝鍖栫増鐨凨oa锛氬湪娣卞叆瀛︿範涓€涓鏋舵垨搴撶殑鏃跺€欙紝涓轰簡鐞嗚В瀹冪殑鎬濇兂鍜岃璁℃€濊矾锛屽彲浠ュ皾璇曞疄鐜颁竴涓畝鍖栫増銆傘€愬師鐞嗐€戜负浠€涔圝avaScript涓?.1+0.2涓嶇瓑浜?.3锛?0.1+0.2===0.3鏄湡鐨勫悧锛熴€愰潰璇曘€慗avaScript闈㈠悜瀵硅薄闈㈣瘯棰橈紙涓婏級锛氭湰绔犱富瑕佹槸鎯崇粰澶у浠嬬粛涓€涓婮S闈㈠悜瀵硅薄灏佽鐨勭涓€涓ぇ鐗规€э紝涔熶负鍚庨潰鏈€閲嶈鐨勭户鎵挎墦濂藉熀纭€銆傘€愰潰璇曘€?0閬撻瑙ｅ喅JavaScript鐨則his锛氭湰鏂囨槸鎴戣嚜宸辨暣鐞嗙紪杈戠殑40閬搕his闈㈣瘯棰樼殑17000瀛楅暱鏂囥€傚缓璁繚瀛樸€備綘鐪熺殑浜嗚ВPromise鍚楋細鏈枃灏嗗甫浣犱簡瑙ｈ繖涓啛鎮夌殑闄岀敓浜衡€斺€擯romise銆俒THELASTTIME]ThorthroughlyunderstandtheJavaScriptexecutionmechanism锛氬交搴曠悊瑙avaScript鐨勬墽琛屾満鍒躲€侫dvancedTypeScript閲嶇偣闅剧偣锛氬湪TypeScript寮€鍙戜腑锛宼sconfig.json鏄繀涓嶅彲灏戠殑閰嶇疆鏂囦欢銆傚畠鐨勫睘鎬ф槸浠€涔堟剰鎬濓紵浠€涔堟槸Node.js锛熸垜璇ュ浣曞紑濮嬶紵:鏂囨湯闄勬湁Node.js鎶€鏈爤瀛︿範鎸囧崡璺嚎鍥俱€俈ue鑷姩鐢熸垚缁勪欢浠ｇ爜鈥斺€擵ueCLI鎻掍欢寮€鍙戝疄鎴橈細瀹炴垬鐪媀ueCLI鎻掍欢鐨勭紪鍐欎负浠€涔圴ue3閫夋嫨CSS鍙橀噺锛氬疄楠屾€у姛鑳絍ue鐨勫嚑涓棶棰橈紝鏈€濂芥噦鍘熺悊闈㈣瘯棰橈細濡傛灉浣犱笉鎳傦紝浣犱笉鐭ラ亾鎴戝ソ鎰忔€濊鎴戠簿閫歏ue~Vue缁勪欢閫氫俊鏂瑰紡鍙婂叾搴旂敤鍦烘櫙鎬荤粨锛?.5W瀛楋級锛氱湡鐨勫お鍏ㄩ潰浜嗐€備娇鐢╒ue瀹炵幇涓€涓畝鍗曠殑榧犳爣鎷栨嫿婊氬姩鏁堟灉锛氭柊鎬濊矾锛屽彲浠ュ涔犱簡瑙ue3.0diff鐨勬柊鐗规€?闈欐€佽妭鐐瑰崌绾э細闈欐€佽妭鐐瑰崌绾ф槸鈥淰ue3鈥濈殑涓€涓€ц兘浼樺寲鐐广€俈ue楂樼骇闈㈣瘯蹇呴棶锛屽紓姝ユ洿鏂版満鍒跺拰nextTick鍘熺悊锛氭簮鐮佺骇瑙ｆ瀽锛屾弧鍒嗙瓟妗堛€?W瀛椼€戝涔燰ue搴旂敤娴嬭瘯锛岃浣犵殑椤圭洰鏇撮珮鏁堝仴澹ǔ瀹氾細璁ょ湡鍐欐祴璇曠殑浜虹湡鐨勫緢妫掞紝澶у鐖变粬浠紝鑺卞紑20+Vue闈㈣瘯棰樻暣鐞嗭細鍓嶇寮€鍙戝繀澶囷紝Vue闈㈣瘯get锛佸熀浜嶸ue瀹炵幇涓€涓畝鍗曠殑MVVM锛氫粠鐞嗚鍒板疄璺碉紝涓€鏂囨悶瀹歏ueMVVM銆傚浣曟瀯寤哄拰鍙戝竷涓€涓猇ue缁勪欢搴擄細鐜板湪寰堝缁勪欢搴撻兘椋庨潯涓€鏃躲€傘€婃簮鐮佺骇瑙ｇ瓟銆嬮珮棰慥ue鍘傚晢Vue闈㈣瘯棰橈紙涓級锛氬繀鐭ラ锛屼笉鍟嗛噺銆傘€愭簮鐮佺骇瑙ｇ瓟銆戝ぇ鍘傞珮棰慥ue闈㈣瘯棰橈紙涓婏級锛氫粠婧愮爜瑙掑害瑙ｇ瓟涓€浜沄ue闈㈣瘯棰橈紝缁欓潰璇曞畼鐣欎笅娣卞埢鍗拌薄銆傛嫢鎶盫ue3绯诲垪鐨凧SX璇硶锛氱湡棣欍€俈ue2.0+JSX鐪熺殑濂藉枬锛屽鏋滀綘杩樻病鐢ㄨ繃锛岀湅瀹岃繖绡囨枃绔犺瘯璇曠湅锛欽SX鐪熺殑濂藉枬锛岃皝鐢ㄨ繃灏辩煡閬撱€傘€婇潰璇曘€嬩綘涓嶇煡閬撶殑React鍜孷ue鐨?0涓尯鍒細闈㈣瘯FAQ锛氫粠澶氫釜灞傞潰鐪婻eact鍜孷ue鏈変粈涔堝尯鍒紵銆愪笓璁裤€戜负浠€涔圴ue涓嶇敤index浣滀负key锛歏ue涓殑key鏄共浠€涔堢敤鐨勶紵涓轰粈涔堜笉寤鸿浣跨敤绱㈠紩浣滀负閿紵鎴戠粡甯稿惉璇磋繖鏍风殑闂銆傛湰鏂囧氨甯︿綘浠庡師鐞嗕笂涓€鎺㈢┒绔熴€傛墜鎷夋墜浠?瀹炵幇Vue3鍝嶅簲寮忓師鐞嗭紙涓婏級锛氱湅瀹屼簡锛岀湡鐨勫緢涓嶉敊~鎵嬫媺鎵嬩竴璧蜂粠0瀹炵幇Vue3鍝嶅簲寮忓師鐞嗭紙涓嬶級锛氭湰绯诲垪鐨勬渶鍚庝竴绡囷紝鎴戝甫浣犲交搴曚簡瑙ue3鍝嶅簲寮忓師鐞嗭紒浠婂ぉ妫€鏌ュ嚱鏁板姭鎸併€傛祬鏋?021骞磛ue-lit鐨勫疄鐜板拰WebComponentsReact鐨勫墠绔柊鍙樺寲锛岀敤vite浠ｆ浛webpack鎼缓React锛侊細娓歌揪鐪熻嚜淇★紒缁橰eact寮€鍙戣€呯殑鍏釜浼樺寲寤鸿锛氫紭鍖栦竴娉綖浣犳€庝箞鐪婻eactServerComponents锛燂紙缃戞槗浜戦煶涔愬墠绔洟闃燂級锛氭湡寰呮帹鑽愪竴涓笣婊戠殑React鍔ㄧ敾搴擄細绠€鍗曟槗鎳傦紝鏀寔鏇村鐨勫姩鐢荤被鍨嬨€傛寜鐓eact瀹樻柟鏂囨。瀛︿範Hooks寰堝鎬細涓轰粈涔圚ooks杩欎箞闅撅紵ReactConditionalRendering7BestPracticesaboutReactConditionalRendering锛氬湪React涓紝鏉′欢娓叉煋鍙互鏈夊緢澶氱鏂瑰紡锛屼笉鍚岀殑浣跨敤鍦烘櫙渚濊禆浜庝笉鍚岀殑涓婁笅鏂囥€傚叧浜巙seState鐨勪竴鍒囷細浣滀负React寮€鍙戣€咃紝浣犺兘鍥炵瓟浠ヤ笅涓や釜闂鍚楋紵React鍒濆鑰呭繀椤荤煡閬撶殑8涓棶棰橈細React鍒濆鑰呭鏄撴贩娣嗙殑瑕佺偣銆俁eact涓姹傝繙绋嬫暟鎹殑鍥涚鏂瑰紡锛氬鏋滀綘鎯抽€氳繃HTTP璇锋眰鏁版嵁骞跺彂閫佸埌WebAPI锛屼綘鍙互鑰冭檻浠ヤ笅鍥涚鏂瑰紡銆傘€婇潰璇曘€嬩綘涓嶇煡閬撶殑React鍜孷ue鐨?0涓尯鍒細闈㈣瘯FAQ锛氫粠澶氫釜灞傞潰鐪婻eact鍜孷ue鏈変粈涔堝尯鍒紵鍦═ypeScript涓紪鍐橰eact鐨勬渶浣冲疄璺碉細鍦ㄦ湰鏂囦腑锛屾垜浠€荤粨浜嗗皢React涓嶵ypeScript缁撳悎浣跨敤鐨勬渶浣冲疄璺点€傚緢妫掔殑tsconfig.jsonguideCSS浣跨敤绾疌SS鐨勬粴鍔ㄩ槾褰辨晥鏋滐細楂樼鎿嶄綔~2020骞翠綘涓嶅彲閿欒繃鐨凜SS鏂扮壒鎬э細涓€浜涙柊涓滆タ杩樻槸鎸烘湁鎰忔€濈殑銆傞噸鏂板涔燙SS閫夋嫨鍣細璁╂垜浠厛浜嗚В閫夋嫨鍣ㄧ殑璇硶锛岀劧鍚庡啀娣卞叆鎸栨帢鍏惰儗鍚庣殑鐩稿叧鐗规€с€備綘闇€瑕佺煡閬撹壇濂界殑CSS缂栫爜涔犳儻锛氭墍浠ヤ綔涓轰竴涓ソ鐨勫墠绔紝鍏绘垚鑹ソ鐨凜SS缂栫爜涔犳儻鏄緢鏈夊繀瑕佺殑銆傛€ц兘浼樺寲鐪熺殑瓒呭叏闈㈢殑鍓嶇鎬ц兘浼樺寲姒滃崟锛?0000瀛楋紒涔濆ぇ璇濋锛佹垜鏄浣曞皢webpack缂栬瘧閫熷害浠?0S浼樺寲鍒?S鐨勶細璁板綍涓媤ebpack鐨勬€ц兘浼樺寲鐜扮姸銆傜紪鍐欓珮璐ㄩ噺鍙淮鎶ょ殑浠ｇ爜锛氱粍浠剁殑鎶借薄鍜岀矑搴︼細濡備綍鏇翠紭闆呭湴鎷嗚В椤甸潰锛熷厓鍣ㄤ欢濡備綍鍒掑垎鎵嶅悎鐞嗭紵浜旂鐩磋鍒嗘瀽webpack鎵撳寘鎬ц兘鐡堕鐨勬柟妗堬細濡備綍蹇€熷畾浣峸ebpack闇€瑕佷紭鍖栫殑鍦版柟锛熺Щ鍔ㄧ寮€鍙戠殑鍏煎閫傞厤涓庢€ц兘浼樺寲锛氬墠绔熀纭€鐭ヨ瘑锛屽繀鎳傘€傞€氳繃浠ｇ爜鎷嗗垎鎻愬崌鎬ц兘闈炲父鏈夋晥锛氱粡甯告湁鍚屽鎰熷徆鑷繁涓嶇煡閬撳浣曚紭鍖栭」鐩紝浜庢槸灏濊瘯鍦ㄩ」鐩腑寮曞叆浠ｇ爜鎷嗗垎鏉ユ彁鍗囨€ц兘銆傚叕鍙稿悗鍙扮鐞嗙郴缁熷浣曞仛鎬ц兘浼樺寲锛氫竴浜涙€ц兘浼樺寲瀹炶返鐪嬬湅鑳戒笉鑳界敤銆傚崄涓囨潯鏁版嵁鐨勯珮鎬ц兘娓叉煋锛堣櫄鎷熷垪琛級锛氳櫄鎷熷垪琛紝鏇翠紭闆呯殑澶ф暟鎹噺楂樻€ц兘娓叉煋鏂规銆傚墠绔粍浠跺寲鏈€浣冲疄璺靛熀纭€鐭ヨ瘑锛氱粍浠跺寲鏄墠绔灦鏋勪腑鏈€閲嶈鐨勯儴鍒嗐€傚墠绔粍浠跺寲鍩嬬偣瀹炶返锛氬煁鐐逛唬鐮佷笌涓氬姟閫昏緫瑙ｈ€澶у瀷瑙ｅ瘑绔欑偣锛屽墠绔€庝箞鐜╂按鍗帮紵锛氬熀浜庝笓涓歐ebIDE鐨勪笅涓€浠odeReview锛氶珮绾э紒鍓嶇涓氬姟瀹夊叏姒傝堪锛堥槻鐖€侀槻娆洪獥銆佷汉鏈洪獙璇佺瓑锛夛細椤圭洰涓亣鍒颁簡鍝簺瀹夊叏闂锛屼竴鑸槸濡備綍瑙ｅ喅鐨勶紵浣犱細鐢ㄥ埌鐨?5涓墠绔妧宸э細濡傛灉浣犳噦浜嗭紝涓€鍒囬兘鏄€氱敤鐨勶紝鍦ㄥ疄闄呭紑鍙戜腑閮戒細鐢ㄥ埌銆傘€愭渶浣冲疄璺点€戝浣曡璁′竴绡囨枃绔犵殑TOC鐩綍瀵艰埅锛氬崥涓诲繀椤讳粠鈥滃井淇″叕浼楀彿鈥濈殑鍦烘櫙鏉ョ悊瑙ｅ拰瀹炵幇瑙傚療鑰呮ā寮忥細鏈€杩戝洖椤句簡涓€涓嬩箣鍓嶅杩囩殑杩欎簺璁捐妯″紡锛岃寰楄繕鏄湁寰堝鏀惰幏鐨勩€傚湪閿欒鐨刧it鍒嗘敮涓婂紑鍙戜簡涓€涓柊鍔熻兘鎬庝箞鍔烇紵锛氬涔爂it鎿嶄綔浣跨敤Scriptable涓鸿嚜宸卞紑鍙慽Phone灏忛儴浠讹細浠讳綍鍙互鐢↗avaScript缂栧啓鐨勫簲鐢ㄧ▼搴忔渶缁堥兘浼氱敤JavaScript缂栧啓澶浜嗭紒鑷繁瀹炵幇涓€涓猅icTacToe锛堜笁杩烇級娓告垙锛氭潵鐜╁惂~楂樼鐜╁锛佹爲鑾撴淳+Node.js瀹炵幇璇煶鏈哄櫒浜吼煠栵細鏈夋剰鎬潂杩欎釜iTerm2+OhMyZsh鐨勬暀绋嬭浣犳垚涓鸿涓婃渶缇庡皯骞达細鐪嬭繖鑳屾櫙锛屽啓浠ｇ爜鏇存湁鍔ㄥ姏浜嗐€備綘闇€瑕佺煡閬撶殑鍓嶇璋冭瘯鍒╁櫒鈥斺€攚histle锛氬墠绔晥鐜囨彁鍗囬奔榫欐贩鏉傦紝鍚屼簨瀹夊埄涓€涓媬Chrome寮€鍙戣皟璇曚節澶ф妧宸э細鎻愰珮寮€鍙戞晥鐜囧繀澶囥€備竴绡囨悶瀹氫綘鎯崇煡閬撶殑鈥滄枃浠朵笅杞解€濈殑鏂囩珷锛氫綘鐭ラ亾鏂囦欢涓嬭浇鐨勬暣涓繃绋嬩腑PullRequest鍜孧ergeRequest鐨勫尯鍒悧锛?鍚堝苟璇锋眰鏄粈涔堟剰鎬濓紵涓婃墜鏀寔娣樺疂鏃ユ椿鏁颁嚎鐨勮法绔鏋禦ax锛氬緱鐩婁簬娣樺疂寮哄ぇ鐨勬妧鏈疄鍔涳紝Rax鐨勭浉鍏崇敓鎬佽緝涓哄畬鍠勩€傚嚑涓井淇″皬绋嬪簭寮€鍙戞妧宸э紝绠€鍗曞疄鐢細鎬荤粨涓€浜涙垜瑙夊緱鏈夌敤鐨勫井淇″皬绋嬪簭寮€鍙戞妧宸с€傘€愭枃鏈鍒┿€慦eb浣撻獙浼樺寲涓笌鍥剧浉鍏崇殑閭ｄ簺浜嬶紙涓囧瓧闀挎枃锛夛細鎬ц兘浼樺寲鏂囩珷鏁颁互涓囪锛屾垜浠潵鐪嬬湅涓庘€滃浘鈥濈浉鍏崇殑浼樺寲銆備綘鎵€涓嶇煡閬撶殑鍓嶇寮傚父澶勭悊锛堜竾瀛楅暱鏂囷紝鎺ㄨ崘鏀惰棌锛夛細鎴戜滑姣忓ぉ閮藉湪鍜宐ug鎵撲氦閬撱€傚洜姝わ紝鏈夊繀瑕佹纭璇嗗紓甯搞€傜函骞茶揣锛佹繁鍏ュ墫鏋愬父瑙佺殑鐎戝竷甯冨眬锛氳繖閲屾€荤粨涓€涓嬬€戝竷鐩稿叧鐨勪娇鐢ㄥ満鏅拰鍚勭瀹炵幇銆俈SCode涓€閿坊鍔犻楠氳瘎璁猴紝鍏徃鏈€缇庡皬浼欏瓙灏辨槸浣狅細寰堜箙浠ュ墠鐪嬭繃浣涗綉姘镐笉BUG銆佺鍏芥姢韬瓑鍚勭褰㈠紡鐨勮瘎璁猴紝鎰熻寰堟湁鎰忔€濓紝铔獨鐨勷煒夛紝鎴戣锛?000瀛楁繁搴︽枃绔犺瑙?0涓法鍩熻В鍐虫柟妗堬細8000瀛楅暱鏂囷紝浠庣悊璁哄埌瀹炶返涓€娆℃€цВ鍐宠法鍩熼棶棰樸€傛帰绱㈠墠绔紑鍙戝繀鐭ュ繀鐭ョ殑娴忚鍣ㄦ覆鏌撶煡璇嗭細蹇€熶簡瑙ｅ墠绔紑鍙戝繀鐭ュ繀鐭ョ殑娴忚鍣ㄦ覆鏌撶煡璇嗐€傛暟鎹粨鏋勪笌绠楁硶閫氳繃鏁版嵁缁撴瀯浼樺寲鐢靛晢sku鐨勮璁′笌瀹炵幇锛氭惉鐮栧伐浜哄繀鐪媬10闂?0绛旓紝甯︿綘蹇€熷叆闂ㄥ墠绔畻娉曪細鍓嶇鍏ラ棬-end绠楁硶灏辨槸杩欎箞绠€鍗曘€傚叧娉ㄥ叕浼楀彿銆屽墠绔瘯鐢ㄣ€嶏紝鍥炲鍏抽敭璇嶈幏鍙栨洿澶氱簿閫夋枃绔犮€?/p>
