濡傛灉浣犵幇鍦ㄨ寮€濮嬫壘鍓嶇宸ヤ綔锛岄偅涔堥潰璇曟槸涓€涓潪甯搁噸瑕佺殑鐜妭銆傛帴涓嬫潵锛屾垜灏嗚缁嗚皥璋堟垜鏄浣曞噯澶囬潰璇曠殑銆傚共璐ф弧婊★紝鎺ㄨ崘绮捐锛佸浣曞噯澶囧墠绔潰璇曢潰璇曟€荤粨浜嗕互涓嬪洓鐐癸細涓€涓熀纭€锛屼袱涓」鐩紝涓変釜绠€鍘嗭紝鍥涗釜蹇冩€併€傚熀纭€棣栧厛鏄熀纭€锛岄偅鍒板簳鏄粈涔堝熀纭€鍛紵灏忎紮浼翠滑鍙互鍙傝€冧笅闈㈡€荤粨鐐瑰浘瑙ｏ紝鏈変釜澶ф鐨勫涔犳柟鍚?.html锛氱煡閬揾tml鐨勮涔夋爣绛撅紝html5鐨勬柊鐗规€э紝涓€浜涙爣绛剧殑浣滅敤銆?.css锛氭帹鑽愰€氳繃銆奵ss 鏉冨▉鎸囧崡銆嬶紝layout锛宲ositioning锛宐oxmodel鏄噸鐐广€?.js锛氳繖閮ㄥ垎鍐呭姣旇緝澶氥€傚鏋滀綘鐨刯s瀛︿範涓嶆槸寰堝ソ锛岄偅浣犺繕寰楀姞鎶婂姴銆傛妸鍩虹銆佺畻娉曘€佹暟鎹粨鏋勯兘鎼炴噦浜嗭紝澶氫笂LeetCode鍋氶銆傜浉鍏冲簲鐢ㄥ锛氶槻鎶栬妭娴併€亁mlhttprequest銆乯s鍔ㄧ敾銆傚缓璁簿璇汇€奐avaScript 楂樼骇绋嬪簭璁捐銆嬨€?.缃戠粶锛氭垜涓昏鏄湅銆婂浘瑙?http銆嬪叧浜庣綉缁滅殑銆傚鏋滀綘鏈変綑鍔涚殑璇濓紝鍙互鐪嬬湅銆婃繁鍏ユ祬鍑?https銆嬨€傝繖閮ㄥ垎姣旇緝澶嶆潅锛屾秹鍙婂瘑鐮佸銆佺綉缁滃畨鍏ㄦ敾闃层€傜綉缁滃畨鍏ㄤ篃鏄緢閲嶈鐨勪竴鐐癸紝灏ゅ叾鏄痻ss銆乧srf銆乻ql娉ㄥ叆閮介渶瑕佹繁鍏ヤ簡瑙ｏ紝浜嗚В瀹冧滑鐨勫師鐞嗐€佹敾鍑诲姛鑳戒互鍙婂浣曢槻寰°€?.妗嗘灦锛氶鍏堬紝浣犲繀椤婚潪甯哥啛缁冨湴浣跨敤vue锛岃繖浣撶幇鍦ㄤ綘骞虫椂鐨勯」鐩伐浣滆繃绋嬩腑銆備竴浜涘熀鏈殑API銆乵ixin銆乻lot銆佺粍浠朵紶鍊笺€佺敓鍛藉懆鏈熸槸鍩虹銆傚悓鏃讹紝浣犺繕鍙互浜嗚В鍒皏ue3.0鐨勪竴浜涙柊鐗规€э細鍩轰簬浠ｇ悊鏈哄埗鐨勮瀵熻€呮ā寮忔潵鐩戞帶灞炴€х瓑绛夈€傛渶閲嶈鐨勬槸锛氫綘寰楃湅婧愮爜锛岀煡閬搗ue鐨勪竴浜涘簳灞傚疄鐜板師鐞嗐€傝繖鏄潰璇曡繃绋嬩腑鐨勪竴澶ф敹鑾枫€備富瑕佹槸鐪媘vvm瀹炵幇婧愮爜鍜屽搷搴斿紡鐩戞帶鐨剉ue瀹炵幇婧愮爜浠ュ強vue-router鍜寁uex鐨勬簮鐮併€?.鎬ц兘浼樺寲锛氳繖鏂归潰涔熸槸涓€浠跺ぇ浜嬨€傛垜閲囪鐨勫叕鍙告病鏈変竴瀹朵笉娴嬭瘯鎬ц兘浼樺寲銆傚叧浜庢€ц兘浼樺寲锛岄噸鐐规槸锛氭祻瑙堝櫒缂撳瓨锛岃繖鏄綘蹇呴』瑕佸洖绛旂殑锛佸鏋滆浣犲彧璋堝墠绔紭鍖栦笉璋堢紦瀛橈紝璇存槑浣犵殑椤圭洰缁忛獙涓嶅銆傛偍鍙互浜嗚В鍏朵粬棰勫姞杞藉拰寤惰繜鍔犺浇浠ュ強缃戠粶宸ヤ綔鑰呯嚎绋嬨€?銆佸伐绋嬶細涓昏鏄祴璇晈ebpack銆乸lugin銆乥abel鐨勪娇鐢紝瑙ｅ喅浜嗗摢浜涢棶棰樸€傜畝鍘嗚嚜宸辩殑绠€鍘嗚涓板瘜涓€浜涳紝灏ゅ叾鏄椤圭洰鐨勬弿杩般€備竴瀹氳鍐欐竻妤氫綘鐨勮亴浣嶏紝椤圭洰鐨勬簮鐮佸湴鍧€锛屽鏋滄槸鍦ㄧ嚎椤圭洰锛屽彲浠ュ啓鍦ㄧ嚎鍦板潃锛岃繕鏈夐」鐩娇鐢ㄧ殑鎶€鏈爤锛屼富瑕佸姛鑳藉拰鎶€鏈毦鐐癸紝璁╅潰璇曞畼鍙互閫氳繃浣犵殑椤圭洰缁忛獙鍋氬垵姝ヨ瘎浼般€傛墍浠ワ紝椤圭洰缁忛獙瓒婁赴瀵岃秺濂斤紝浣嗕笉瑕佹妸鎵€鏈夌殑椤圭洰閮藉啓鍦ㄧ畝鍘嗕笂銆傝繕鏄儚鎴戣鐨勶紝鍐欐湁瀹為檯搴旂敤浠峰€肩殑椤圭洰銆傛渶閲嶈鐨勪竴鐐癸細涓嶈鍦ㄧ畝鍘嗕笂娆洪獥鑷繁锛佸湪缂栧啓鑷繁鐨勬妧鑳介」鏃讹紝涓€瀹氳鍖哄垎鐞嗚В銆佺啛鎮夈€佺啛缁冦€佺簿閫氥€傚鏋滀綘涓嶇煡閬撲綘涓嶄細鐨勬妧鑳芥垨鑰呬綘鍙槸瀵硅繖涓笢瑗挎湁涓€鐐逛簡瑙ｏ紝涓嶈鍐欏湪浣犵殑绠€鍘嗕笂銆傝浣忥紒淇濇寔鑹ソ鐨勫績鎬佷篃鏄潰璇曟垚鍔熺殑鍏抽敭銆備笉瑕佸お绱у紶銆傚綋鐒讹紝鍍忔垜杩欐牱鐨勭涓€娆￠潰璇曡偗瀹氫細寰堢揣寮狅紝浣嗘槸闅忕潃闈㈣瘯娆℃暟鐨勫澶氾紝闈㈣瘯鐨勬繁搴﹂€愭笎鍔犳繁锛屾垜涔熸笎娓愭病鏈夌涓€娆￠潰璇曟椂閭ｄ箞绱у紶浜嗐€備絾鏄€傚綋鐨勭揣寮犳劅杩樻槸鏈夌殑锛屽彲浠ヨ浣犱繚鎸佹竻閱掞紝璁╁ぇ鑴戜竴鐩磋繍杞€傚鏋滃湪闈㈣瘯鐨勬椂鍊欏洜涓烘病鏈夋帴瑙﹁繃鏌愪釜闈㈣瘯棰樿€岀瓟涓嶄笂鏉ワ紝鍙互鍏堝悜闈㈣瘯瀹樻眰鍔╋紝璁╅潰璇曞畼缁欎綘涓€浜涙彁绀恒€傞潰璇曚笉鍍忚€冭瘯銆傚鏋滀綘鑳藉仛鍒帮紝浣犲氨鑳藉仛鍒般€傚鏋滀綘鍋氫笉鍒帮紝浣犱篃鏃犺兘涓哄姏銆傞潰璇曟槸涓嶅悓鐨勩€傚綋浣犳病鏈夊ご缁椂锛屼綘鍙互鍚戦潰璇曞畼瀵绘眰涓€浜涙彁绀哄拰鎯虫硶銆傚鏋滆繕鏄瓟涓嶄笂鏉ワ紝閭ｅ氨涓嶇敤鍐嶇籂缁撹繖涓簡锛岄€夋嫨铏氬績鍚戦潰璇曞畼鎻愰棶銆傞潰璇曞畼浼氬緢涔愭剰涓轰綘鍥炵瓟杩欎釜闂銆備絾鏄鏋滀綘姝诲湪杩欓亾棰樹笂锛岄潰璇曞畼鏃犵枒浼氳寰椾綘鍦ㄦ唻鐫€娴垂鏃堕棿锛屼細缁欓潰璇曞畼鐣欎笅涓嶅ソ鐨勫嵃璞★紝鎵€浠ヤ笉瑕佽繖鏍凤紝瀛︿細璇村ソ锛屼笉濂藉氨闂€備笉鍥炵瓟銆傚埛闈㈣瘯楂橀棰?銆丣avaScript璁茶js鏁版嵁绫诲瀷锛熷熀鍑嗗拰鍙傝€冧箣闂寸殑鍖哄埆锛烻ymbol鍜宐igint璋堝簲鐢ㄥ満鏅紵濡備綍鍒ゆ柇鏁版嵁绫诲瀷锛焛nstanceof鐨勫師鐞嗭紵绌哄璞＄殑鍒ゆ柇锛熺┖绫诲瀷锛烴aN鐨勭被鍨嬶紵var/let/const鐨勫尯鍒紵涓存椂姝诲尯锛熷潡鑼冨洿锛熷父閲?{};a.x=1鍙互淇敼鍚楋紵璋堣皥浣犲鍑芥暟寮忕紪绋嬬殑鐞嗚В锛熶簡瑙ｅ嚱鏁版煰閲屽寲锛熼€氬父鐨勪娇鐢ㄥ満鏅紵闃叉姈鍜岃妭娴佺殑鍚箟鍜屼娇鐢ㄥ満鏅槸浠€涔堬紵鎵嬪啓锛熻皟鐢ㄣ€佸簲鐢ㄥ拰缁戝畾涔嬮棿鏈変粈涔堝尯鍒紵缁戝畾瀹炵幇锛焍ind鍚庤繖涓偣鍙互淇敼鍚楋紵涓轰粈涔堬紵闂寘鐨勬蹇碉紝鏈€涓昏鐨勬槸璇烽棶闂寘鐨勫満鏅紵鐢╡s5瀹炵幇es6绫荤殑缁ф壙锛熷悇绉嶇户鎵块鐨勬繁鎷疯礉鍜屾祬鎷疯礉杩樻尯澶氱殑锛熷父鐢ㄦ柟娉曪紵鎵嬪啓娣辨嫹璐濆嚱鏁帮紵鍛婅瘔鎴戜綘鐭ラ亾鐨凧avaScript璁捐妯″紡锛熻瀵熻€呭拰鍙戝竷璁㈤槄鏈変粈涔堝尯鍒紵鎵嬪啓涓€涓彂甯冨拰璁㈤槄锛熸垜鐪熺殑鍐欐潵璋堣皥浣犲JavaScript寮傛缂栫▼鐨勭悊瑙ｏ紵ES妯″潡鍜孋ommonJS妯″潡鐨勫尯鍒紵涓よ€呯浉浜掑姞杞界殑鏂瑰紡锛熶竴鑸珹MDPromise.all,race,allSettled姒傚康锛屾墜鍐欓兘浼氭秹鍙婂埌锛熷緢澶氭墜鍐欓閮戒細鐢ㄥ埌锛屾瘮濡傜敤promise瀹炵幇骞跺彂璇锋眰鏁扮殑闄愬埗锛烠ss姘村钩鍜屽瀭鐩村眳涓紵鍏煎鎬э紵涓嶇煡閬撳搴﹀拰楂樺害锛烞FC姒傚康锛熷奖鍝嶏紵甯歌鍦烘櫙锛熸煍鎬э紵娉ㄦ剰flex鐨勫惈涔夛細1.涓€鑸細缁欎綘涓€涓満鏅棶棰樻妯″瀷鐨勬蹇点€傚浣曞垏鎹㈢洅瀛愭ā鍨嬶紵瀹炵幇1px杈规锛?px绾匡紵浼被鍜屼吉鍏冪礌鏈変粈涔堝尯鍒紵浣跨敤鍦烘櫙锛烪ttp&娴忚鍣ㄦ祻瑙堝櫒缂撳瓨锛焗ttp缂撳瓨锛熶富瑕佽寮虹紦瀛樸€佸崗鍟嗙紦瀛樸€乸reload銆乸refetch銆丼erviceWorker绛夛紝304鏄粈涔堟剰鎬濓紵鍗忓晢缂撳瓨鐢靛瓙鏍囩鏄浣曠敓鎴愮殑锛烲ast-Modified鍩轰簬浠€涔堬紵姣旇緝涓よ€咃紵鍝釜浼樺厛绾ч珮锛熶粈涔堟槸璺ㄥ煙锛熶粈涔堟儏鍐典笅浼氳法鍩燂紵娴忚鍣ㄩ€氳繃浠€涔堝瓧娈靛垽鏂槸鍚﹀厑璁歌法鍩燂紵璺ㄥ煙瑙ｅ喅鏂规鏈夊摢浜涳紵鎮ㄦ槸鍚︿簡瑙ｉ€夐」瑕佹眰锛熻璇碈ORS涓殑绠€鍗曡姹傚拰澶嶆潅璇锋眰锛熻〃鍗曟彁浜や細璺ㄥ煙鍚楋紵璇磋娴忚鍣ㄤ簨浠跺惊鐜疎ventLoop锛熸弿杩拌妭鐐逛簨浠跺惊鐜紵http2鏈夊摢浜涙柊鐗规€э紵http2鐨勭己鐐规槸浠€涔堬紵瀵筯ttp3鏈変簺浜嗚В锛熶粠杈撳叆URL鍒伴〉闈㈠姞杞藉畬鎴愮殑杩囩▼涓€鑸細璇︾粏鎻忚堪锛氬寘鎷珼NS鏌ヨ銆佺紦瀛樻煡璇€?娆℃彙鎵嬨€?娆℃彙鎵嬨€佹祻瑙堝櫒娓叉煋鏌撹壊宸ヨ壓绛夌瓑锛岄潰璇曞畼浼氫粠閲岄潰澶氭寫鍑犱釜闂锛岄棶鏈夋繁搴︾殑闂锛屾瘮濡備负浠€涔堣鎻℃墜3娆★紝鎸ユ墜4娆★紵娓叉煋杩囩▼涓殑GUI娓叉煋绾跨▼銆丣S寮曟搸绾跨▼銆佷簨浠惰Е鍙戠嚎绋嬬瓑锛熶綘鍙兘浼氶棶杩涚▼绾跨▼鐨勫尯鍒紵涓轰粈涔堟祻瑙堝櫒鏄杩涚▼鐨勶紵涓轰粈涔坖s鏄崟绾跨▼鐨勶紵濡備綍鏀寔澶氱嚎绋嬶紵绛夊緟https鍔犲瘑鍘熺悊锛熶富瑕佹槸涓€涓绉板姞瀵嗗拰闈炴湰鍔犲瘑鐩哥粨鍚堢殑杩囩▼銆備粈涔堟槸涓棿浜烘敾鍑伙紵鍜宧ttp鐨勫尯鍒紵Vue鐢熷懡鍛ㄦ湡锛熼偅涓敓鍛藉懆鏈熻兘涓嶈兘鎷垮埌鐪熸鐨凞OM鍛紵data涓殑鏁版嵁琚慨鏀逛細瑙﹀彂浠€涔堢敓鍛藉懆鏈燂紵涓轰粈涔堢粍浠舵暟鎹槸涓€涓嚱鏁帮紵Vue缁勪欢閫氫俊锛熶竴鑸鍒皏uex锛屽ぇ瀹朵細闂畍uex鎬庝箞鐢紵鍔ㄤ綔鍜岀獊鍙樻湁浠€涔堝尯鍒紵瀹炵幇鍘熺悊绛夛紵vue瀵艰埅鍗＋锛屽垎涓哄叏灞€鍜岀粍浠讹紝涓€鑸敤浜庢潈闄愭帶鍒讹紝鍦ㄩ」鐩腑鍙兘浼氭秹鍙婂埌涓€浜涜璇侀棶棰樸€?nextTick鍋氫粈涔堬紵瀹炵幇鍘熺悊锛焟icrotasks鍒癿acrotasks鐨勯檷绾э紝缁忓父琚棶鍒拌鍑哄嚑涓猰acrotasks鍜宮icrotasks鐨勫悕瀛椼€俈ue鍝嶅簲寮忓師鐞嗭紵鍩烘湰涓婁綘浼氶棶vuescoped灞炴€х殑浣滅敤鏄粈涔堬紵瀹炵幇鍘熺悊锛焩uerouter鏈夊嚑绉嶆ā寮忥紵瀹炵幇鏂规硶锛熼挜鍖欑殑浣滅敤锛熷鏋滄病鏈塳ey锛寁ue鎬庝箞鍔烇紵杩欏皢瀵艰嚧宸紓鐨勯棶棰樸€倂uediff杩囩▼鍜宺eactdiff鏈変粈涔堝尯鍒紵Vue2.xdefineProperty缂洪櫡锛熷湪涓氬姟浠ｇ爜涓浣曞鐞嗭紵$璁惧畾鍘熷垯锛焩ue濡備綍閲嶅啓鏁扮粍鏂规硶锛熻皟鏌ヤ竴涓嬩綘鏄惁鐪熺殑鐪嬭繃婧愮爜vue3.0浠ｇ悊鐨勪紭缂虹偣锛焩ue3涓嶆敮鎸両E鎬庝箞鍔烇紵computed鍜寃atch鐨勫尯鍒拰搴旂敤鍦烘櫙鏄粈涔堬紵闄や簡鍩烘湰鐨勶紝鐪嬬湅浣犺兘涓嶈兘璇村嚭杩欎笁涓瀵熻€呯殑鍖哄埆React鐢熷懡鍛ㄦ湡鐨勮缁嗘弿杩帮紵瀹樻柟鎬庝箞鍙樹簡锛熻璇翠綘瀵硅櫄鎷烡OM鐨勭悊瑙ｏ紵鐩存帴fullupdate鍜宒iff鍝釜鏇村揩锛堣繖涓棶棰樼湅鎯呭喌锛夛紵浠€涔堟槸HOC锛熷湪React涓娇鐢ㄤ簡鍝簺锛烣iber鍑芥暟鍋氫簡浠€涔堝彲鑳藉厑璁告偍瀹炵幇add(1)(2)(3)锛焤equestIdleCallback鐭ラ亾澶氬皯锛熷弽搴旀€ц兘浼樺寲锛熼挬瀛愭槸浠€涔堟剰鎬濓紵绫荤粍浠跺拰鍑芥暟缁勪欢鏈変粈涔堝尯鍒紵涓轰粈涔堜笉鍦ㄥ惊鐜€佹潯浠惰鍙ユ垨宓屽鍑芥暟涓皟鐢ㄩ挬瀛愶紵杩樿寰楀畼缃戠殑涓€鍙ヨ瘽锛孨otMagic,justArrayssetStatesynchronousorasynchronous锛熻繖鏄竴涓父瑙佺殑闂锛岄棶棰樺彲鑳芥洿娣卞叆銆傚浣曢伩鍏嶉噸鏂版覆鏌撶粍浠讹紵澶囧繕褰?useMemo锛孭ureComponent锛焨seMemo鍜寀seCallback鏈変粈涔堝尯鍒紵鍏朵粬鐨剋ebpacks鍩烘湰閮芥槸蹇呴棶鐨勩€倃ebpack鏋勫缓杩囩▼鏄笉鏄绯荤粺瀛︿範涓€涓嬶紵鍖呰鍘熺悊锛熷湪椤圭洰涓仛浜嗕竴浜涗紭鍖栵紵鍔犺浇鍣ㄥ拰鎻掍欢鏈変粈涔堝尯鍒紵浣犲啓杩囧悧锛熷父鐢ㄥ摢浜涘姞杞藉櫒鍜屾彃浠舵潵閬靛惊webpack鐨勬柊鍘熷垯锛熸憞鏍戯紵瀵逛簬CommonJS锛宼reeshaking鎬庝箞鏍凤紵webpackloader鐨勬墽琛岄『搴忥紵浠庡乏鍒板彸锛熶粠涓婂埌涓嬶紵鍏朵粬椤圭洰鍋氱殑涓€浜涙€ц兘浼樺寲锛屽熀鏈闂暱鍒楄〃鐨勬覆鏌撳浣曚紭鍖栵紵鍚勭鎳掑姞杞界殑瀹炵幇鍘熺悊鏄粈涔堬紵璺敱锛熷浘鐗囷紵Typescript涓殑鎺ュ彛鍜岀被鍨嬫湁浠€涔堝尯鍒紵鍏朵粬鐨勪富瑕佺湅浣犵畝鍘嗕笂鍐欑殑鏄粈涔堬紝鎴栬€呴潰璇曞畼瀵逛綘鐨勫洖绛旀劅鍏磋叮鐨勬槸浠€涔堣瘝銆傚敖閲忕獊鍑鸿嚜宸辩殑浼樺娍锛屽彂鎸ュソ銆傜粨鏋滄槸瀵硅嚜宸辩殑鑰冮獙锛岃€屼笉鏄鑷繁鐨勫惁瀹氥€傚姞娌桂煉煆绘垜鎶婇潰璇曢鍜岄檮甯︾殑绛旀鏀惧湪涓€璧凤紝缁勬垚浜嗗墠绔潰璇曢绗旇銆傚綋鎮ㄥ噯澶囧ソ闈㈣瘯鏃讹紝鎮ㄨ繕蹇呴』鐔熸倝闈㈣瘯闂銆傚崟鍑绘澶勮幏鍙栧畠銆傛€荤粨浣滀负涓€涓妧鏈汉锛屾渶閲嶈鐨勬槸浣犵殑鎶€鏈兘鍔涖€傝澶氫汉鍦ㄥ垰姣曚笟鏃堕兘鍏呮弧浜嗙儹鎯呫€備粬浠€氬父閫氬宸ヤ綔鑰屼笉浼氬お绱€傜疮浜嗭紝鏈変簺浜哄彲鑳藉枈瀹屽氨鏀惧純浜嗭紝寮€濮嬪畨浜庣幇鐘躲€傝繖鏄竴浠堕潪甯稿嵄闄╃殑浜嬫儏銆傜鎶€涔嬭矾涓嶈繘鍒欓€€銆傚彧鏈変笉鏂殑瀛︿範锛屾墠鑳藉湪鎶€鏈殑閬撹矾涓婅秺璧拌秺杩溿€傚彟涓€鏂归潰锛屽瑙備笂鐨勫洶闅剧‘瀹炲瓨鍦紝姣斿宸ヤ綔閲忓お澶ф病鏃堕棿锛屽墠绔妧鏈彂灞曞お蹇涓嶆潵绛夌瓑锛岃繖灏遍渶瑕佷綘鎵惧埌涓€鏉″彲鎸佺画鐨勫彂灞曡矾寰勶紝姣斿璁ょ湡鐮旂┒涓€涓瘡鍛ㄦ枃绔犮€傞珮璐ㄩ噺鐨勬妧鏈枃绔狅紝鎴栬€呭畾鏈熺殑鎬荤粨锛屼笉瑕佺粰鑷繁澶ぇ鐨勫帇鍔涳紝浣嗕竴瀹氳涓嶆柇瀛︿範锛屼笉鏂繘姝ャ€備笉绠′綘閫夋嫨浠€涔堟柟娉曪紝鏈€鍚庢渶閲嶈鐨勬槸瀹炴柦瀹冦€傛敹钘忎簡寰堝浼樼鏂囩珷鐨勯摼鎺ユ斁鏀惰棌澶归噷鍚冪伆涔熸病鐢?/p>
