鈥滀俊鍙封€濅竴璇嶆渶杩戝湪鍓嶇涓栫晫寮曡捣浜嗗箍娉涘叧娉ㄣ€傚湪鐪嬩技寰堢煭鐨勬椂闂村唴锛屽畠浠技涔庡嚭鐜板湪璁稿鍓嶇妗嗘灦涓紝浠嶱react鍒癆ngular浣嗚繖骞朵笉鏄粈涔堟柊椴滀簨鐗┿€傛垜浠彲浠ュ洖鍒?960骞翠唬鍚庢湡鐨勭爺绌躲€傚湪鍏跺熀纭€涓婏紝鍚敤绗竴涓數瀛愯〃鏍煎拰纭欢鎻忚堪璇█锛堝Verilog鍜孷HDL锛夌殑鐩稿悓寤烘ā銆傚嵆浣垮湪JavaScript涓紝鑷０鏄庢€avaScript妗嗘灦璇炵敓浠ユ潵锛屾垜浠氨宸茬粡鏈変簡Signal銆傞殢鐫€鏃堕棿鐨勬帹绉伙紝瀹冧滑鏈変簡涓嶅悓鐨勫悕瀛楋紝骞朵笖澶氬勾鏉ヨ秺鏉ヨ秺鍙楁杩庛€備絾鐜板湪鎴戜滑鍙堟潵浜嗭紝鐜板湪鏄簡瑙ｆ洿澶氬叧浜庡畠涓轰粈涔堝嚭鐜颁互鍙婂浣曚娇鐢ㄥ畠鐨勫ソ鏃舵満銆傚叆闂ㄦ湁鏃舵垜浠細鎯婅鍦板彂鐜板涓洟闃熷湪瀹屽叏鐩稿悓鐨勬椂闂村唴寰楀嚭鐩镐技鐨勮В鍐虫柟妗堛€傚湪澹版槑寮廕avaScript妗嗘灦鐨勫垵鏈燂紝3涓湀鍐呭彂甯冧簡3涓彁妗堛€侹nockout.js锛?010骞?鏈堬級銆丅ackbone.js锛?010骞?0鏈堬級銆丄ngular.js锛?010骞?0鏈堬級銆侫ngular鐨勨€滆剰鍊兼鏌モ€濓紝Backbone鐨勨€滄ā鍨嬮┍鍔ㄩ噸澶嶆覆鏌撯€濓紝Knockout鐨勨€滅粏绮掑害鏇存柊鈥濄€傛瘡涓В鍐虫柟妗堥兘鐣ユ湁涓嶅悓锛屼絾鏈€缁堟垚涓烘垜浠粖澶╁浣曟洿鏂扮姸鎬佸拰绠＄悊DOM鐨勫熀纭€銆侹nockout.js瀵规湰鏂囩殑涓婚鐗瑰埆閲嶈锛屽洜涓哄畠鍩轰簬鎴戜滑鎵€璇寸殑淇″彿杩涜鈥滅粏绮掑害鏇存柊鈥濄€備粬浠渶鍒濆紩鍏ヤ簡涓や釜姒傚康锛歰bservable锛堢姸鎬侊級鍜宑omputed锛堝壇浣滅敤锛夛紝绗笁涓蹇祊ureComputed锛堟淳鐢熺姸鎬侊級鍦ㄦ帴涓嬫潵鐨勫嚑骞翠腑琚紩鍏ュ埌琛屼笟涓€俢onstcount=ko.observable(0);constdoubleCount=ko.pureComputed(()=>count()*2);//褰揹oubleCount鏇存柊鏃舵墽琛宑onsole.logko.computed(()=>console.log(doubleCount()))WildWildWest杩欎簺妯″紡鏄繃鍘诲嚑骞村湪鏈嶅姟鍣ㄧMVC寮€鍙戝拰jQuery涓鍒扮殑妯″紡鐨勬贩鍚堜綋銆備竴绉嶇壒鍒父瑙佺殑妯″紡绉颁负鏁版嵁缁戝畾锛孉ngular.js鍜孠nockout.js閮芥湁瀹冿紝灏界瀹炵幇鏂瑰紡鐣ユ湁涓嶅悓銆傛暟鎹粦瀹氭槸涓€绉嶅皢閮ㄥ垎鐘舵€侀檮鍔犲埌瑙嗗浘鏍戠殑鐗瑰畾閮ㄥ垎鐨勬柟娉曘€傚彲浠ュ仛鐨勪竴涓己澶х殑浜嬫儏鏄瀹冩垚涓哄弻鍚戠殑銆傚洜姝わ紝鎴戜滑鍙互璁╃姸鎬佹洿鏂癉OM锛屽弽杩囨潵锛孌OM浜嬩欢鑷姩鏇存柊鐘舵€侊紝鎵€鏈夎繖浜涢兘浠ョ畝鍗曠殑澹版槑鏂瑰紡杩涜銆傜劧鑰岋紝濡傛灉浣犳互鐢ㄨ繖绉嶈兘鍔涳紝浣犳渶缁堜細鎼捣鐭冲ご鐮歌嚜宸辩殑鑴氥€傚湪Angular涓紝濡傛灉瀹冧笉鐭ラ亾鍙戠敓浜嗕粈涔堝彉鍖栵紝瀹冧細瀵规暣妫垫爲杩涜鑴忔鏌ワ紝骞朵笖鍚戜笂浼犳挱浼氬鑷村畠鍙戠敓澶氭銆傚湪Knockout涓紝鐢变簬鎮ㄥ湪鏍戜笂璧版潵璧板幓锛屽洜姝ゅ緢闅捐窡韪彉鍖栫殑璺緞锛屽惊鐜緢甯歌銆傚彲璁块棶鎬у甫鏉ヤ簡React鐨勫ぇ瑙勬ā閲囩敤銆傛湁浜涗汉浠嶇劧鏇村枩娆㈠搷搴斿紡妯″瀷锛屽苟涓旂敱浜嶳eact瀵圭姸鎬佺鐞嗘病鏈夊お澶氶檺鍒讹紝鍥犳寰堝彲鑳藉皢涓よ€呮贩鍚堜娇鐢ㄣ€侻observable(2015)灏辨槸杩欐牱涓€绉嶈В鍐虫柟妗堛€備絾涓庝娇鐢≧eact鐩告瘮锛屽畠甯︽潵浜嗕竴浜涙柊鐨勪笢瑗裤€傚畠寮鸿皟涓€鑷存€у拰鏃犻殰纰嶇殑娌熼€氥€備篃灏辨槸璇达紝瀵逛簬浠讳綍缁欏畾鐨勬洿鏀癸紝绯荤粺鐨勬瘡涓儴鍒嗛兘鍙繍琛屼竴娆★紝骞朵笖浠ユ纭殑椤哄簭鍚屾杩愯銆傚畠閫氳繃灏嗗厛鍓嶆柟妗堢殑鍏稿瀷鍩轰簬鎺ㄧ殑鍙嶅簲鎬т氦鎹负鎺ㄦ媺娣峰悎绯荤粺鏉ュ疄鐜拌繖涓€鐐广€傛帹閫佹洿鏀归€氱煡锛屼絾娲剧敓鐘舵€佺殑鎵ц浼氬欢杩熷埌璇诲彇涓烘銆傚敖绠¤繖涓粏鑺傚湪寰堝ぇ绋嬪害涓婅React灏嗛噸鏂版覆鏌撹鍙栨洿鏀圭殑缁勪欢杩欎竴浜嬪疄鎵€鎺╃洊锛屼絾杩欐槸鎻愰珮杩欎簺绯荤粺鐨勫彲璋冭瘯鎬у拰涓€鑷存€х殑閲嶈涓€姝ャ€傛湭鏉ュ嚑骞达紝闅忕潃绠楁硶鐨勪笉鏂畬鍠勶紝鎴戜滑浼氱湅鍒颁笉鏂敼杩涚殑瓒嬪娍銆傝瀵熻€呭厠鏈嶆硠婕忕殑缁嗙矑搴﹀搷搴旀槸瑙傚療鑰呮ā寮忕殑涓€绉嶅彉浣撱€傝櫧鐒惰繖鏄竴绉嶅己澶х殑鍚屾妯″紡锛屼絾瀹冧篃鏈変竴涓吀鍨嬬殑闂銆係ignal瀵瑰叾璁㈤槄鑰呬繚鎸佸己寮曠敤锛屽洜姝ら暱鏈熷瓨鍦ㄧ殑Signal浼氫繚鐣欐墍鏈夎闃咃紝闄ら潪鎵嬪姩澶勭悊銆傝繖绉嶆柟娉曞湪澶ч噺浣跨敤鏃朵細鍙樺緱闈炲父澶嶆潅锛屽挨鍏舵槸鍦ㄦ秹鍙婂祵濂楁椂銆傚祵濂楀湪澶勭悊鍒嗘敮閫昏緫鍜屾爲鏃跺緢甯歌锛屽氨鍍忓湪鏋勫缓鐢ㄦ埛鐣岄潰瑙嗗浘鏃朵竴鏍枫€備竴涓矞涓轰汉鐭ョ殑搴揝.js(2013)鎻愪緵浜嗙瓟妗堛€係.js鏄嫭绔嬩簬澶у鏁板叾浠栬В鍐虫柟妗堝紑鍙戠殑锛屽苟涓旀洿鐩存帴鍦颁互鏁板瓧鐢佃矾涓烘ā鍨嬶紝鍏朵腑鎵€鏈夌姸鎬佸彉鍖栭兘鍙戠敓鍦ㄦ椂閽熷懆鏈熷唴銆傚畠绉板叾鐘舵€佸師璇负鈥滀俊鍙封€濄€傝櫧鐒朵笉鏄涓€娆′娇鐢ㄨ繖涓悕绉帮紝浣嗗畠鏄垜浠粖澶╀娇鐢ㄧ殑鏈鐨勬潵婧愩€傛洿閲嶈鐨勬槸锛屽畠寮曞叆浜嗗搷搴斿紡鎵€鏈夋潈鐨勬蹇点€傛墍鏈夎€呭皢鏀堕泦鎵€鏈夊瓙鍙嶅簲鑼冨洿锛屽苟鍦ㄦ墍鏈夎€呰嚜宸辩殑瀛樻閫昏緫涓垨閲嶆柊鎵ц鏃剁鐞嗕粬浠殑瀛樻閫昏緫銆傚搷搴斿紡瑙嗗浘灏嗕粠鏍规墍鏈夎€呭紑濮嬶紝鐒跺悗姣忎釜鑺傜偣灏嗘垚涓哄叾鍚庝唬鐨勬墍鏈夎€呫€傝繖绉嶆墍鏈夎€呮ā寮忎笉浠呭瀛樻鏈夌敤锛岃€屼笖杩樻槸涓€绉嶅湪鍙嶅簲寮忚鍥句腑寤虹珛鎻愪緵鑰?娑堣垂鑰呬笂涓嬫枃鐨勬満鍒躲€係chedulingVue(2014)涔熷浠婂ぉ鐨勫彂灞曞仛鍑轰簡宸ㄥぇ璐＄尞銆傞櫎浜嗗湪浼樺寲涓€鑷存€ф柟闈笌MobX淇濇寔涓€鑷达紝Vue浠庝竴寮€濮嬪氨浠モ€滅粏绮掑害鈥濆搷搴斾负鏍稿績銆傝櫧鐒禫ue涓嶳eact鍏变韩铏氭嫙DOM鐨勪娇鐢紝浣嗗搷搴旇兘鍔涙槸涓€娴佺殑锛岃繖鎰忓懗鐫€瀹冩渶鍒濇槸浣滀负涓€绉嶅唴閮ㄦ満鍒朵笌妗嗘灦涓€璧峰紑鍙戠殑锛屼互鏀寔鍏禣ptionsAPI锛屽苟涓斿湪杩囧幓鍑犲勾涓紝瀹冪殑鏍稿績CompositionAPI锛?020锛夈€俈ue閫氳繃璋冨害浠诲姟浣挎媺/鎺ㄦ満鍒舵洿杩涗竴姝ャ€傞粯璁ゆ儏鍐典笅锛孷ue鐨勪慨鏀逛笉浼氱珛鍗虫墽琛岋紝鑰屾槸瑕佺瓑鍒颁笅涓€涓猰icrotask鎵嶄細鎵ц銆傜劧鑰岋紝杩欑璋冨害涔熷彲浠ョ敤鏉ュ仛涓€浜涘叾浠栫殑浜嬫儏锛屾瘮濡備繚鎸佹椿鍔ㄧ姸鎬侊紙涓嶈绠楁垚鏈湴淇濇寔绂诲睆鍥惧舰锛夊拰Suspense銆傜敋鑷冲儚骞跺彂娓叉煋杩欐牱鐨勪簨鎯呬篃鍙互閫氳繃杩欑鏂瑰紡瀹炵幇锛岀湡姝ｅ睍绀轰簡濡備綍鍏呭垎鍒╃敤鍩轰簬鎷夊彇鍜屾帹閫佺殑鏂规硶銆侰ompile2019锛孲velte3鍚戝ぇ瀹跺睍绀轰簡鎴戜滑鍙互鐢ㄤ竴涓紪璇戝櫒鍋氬灏戜簨鎯呫€備簨瀹炰笂锛屽畠浠殑鍙嶅簲鎬у凡瀹屽叏娑堥櫎銆傝繖骞堕潪娌℃湁鍙栬垗锛屼絾鏇存湁瓒ｇ殑鏄紝Svelte鍚戞垜浠睍绀轰簡缂栬瘧鍣ㄥ浣曟秷闄ょ鍚堜汉浣撳伐绋嬪鐨勭己鐐广€傝繖灏嗙户缁垚涓哄墠绔殑瓒嬪娍銆傚弽搴斿紡璇█鐨勭壒鐐癸細鐘舵€併€佹淳鐢熺姸鎬佸拰鍓綔鐢紱涓嶄粎涓烘垜浠彁渚涗簡鎻忚堪鍚屾绯荤粺锛堝鐢ㄦ埛鐣岄潰锛夋墍闇€鐨勪竴鍒囷紝鑰屼笖鏄彲鍒嗘瀽鐨勩€傛垜浠彲浠ョ‘鍒囧湴鐭ラ亾鍙戠敓浜嗕粈涔堝彉鍖栦互鍙婂湪鍝噷鍙戠敓浜嗗彉鍖栥€傚彲杩芥函鎬х殑娼滃姏鏄繁杩滅殑銆傚鏋滄垜浠湪缂栬瘧鏃剁煡閬撹繖涓€鐐癸紝鎴戜滑灏卞彲浠ュ彂鍑烘洿灏戠殑JavaScript銆傛垜浠彲浠ユ洿鑷敱鍦板姞杞戒唬鐮併€傝繖鏄疩wik鍜孧arko涓彲鎭㈠鎬х殑鍩虹銆傛湭鏉ョ殑淇″彿淇″彿鏄柊鐨刅DOM銆傚叴瓒ｆ縺澧烇細璁稿浜烘鍦ㄥ皾璇曟柊浜嬬墿銆傝繖灏嗕娇鎴戜滑鎺㈢储绌洪棿锛屽皾璇曚笉鍚岀殑绛栫暐锛岀悊瑙ｅ拰浼樺寲銆備笉纭畾鎴戜滑鏈€缁堜細鍙戠幇浠€涔堬紝浣嗚繖绉嶉泦浣撴帰绱㈡槸濂界殑锛?PawelKozlowski鑰冭檻鍒拌繖椤规妧鏈湁澶氬彜鑰侊紝璇磋繕鏈夊緢澶氫笢瑗块渶瑕佹帰绱㈠彲鑳戒細浠や汉鎯婅銆傝繖鏄洜涓哄畠鏄竴绉嶅缓妯¤В鍐虫柟妗堢殑鏂规硶锛岃€屼笉鏄竴绉嶇壒瀹氱殑鎶€鏈€傚畠鎻愪緵鐨勬槸涓€绉嶈瑷€锛岀敤浜庢弿杩扮嫭绔嬩簬鎮ㄥ笇鏈涘畠鎵ц鐨勪换浣曞壇浣滅敤鐨勭姸鎬佸悓姝ャ€傚洜姝わ紝瀹冭Vue銆丼olid銆丳react銆丵wik鍜孉ngular閲囩敤浼间箮骞朵笉濂囨€€傛垜浠凡缁忕湅鍒板畠杩涘叆浜哛ust鐨凩eptos鍜孲ycamore锛岃〃鏄嶥OM涓婄殑WASM涓嶄竴瀹氬緢鎱€傚畠鐢氳嚦琚涓烘槸React鐨勫紩鎿庛€傛垜浠彲鑳戒細鍚慠eact娣诲姞绫讳技淇″彿鐨勫師璇紝浣嗘垜璁や负杩欎笉鏄紪鍐橴I浠ｇ爜鐨勫ソ鏂规硶銆傝繖瀵规€ц兘寰堟湁甯姪銆備絾鎴戞洿鍠滄React鐨勬ā寮忥紝浣犳瘡娆￠兘鍋囪閲嶆柊鍒涘缓鏁翠釜涓滆タ銆傛垜浠殑璁″垝鏄娇鐢ㄤ竴涓紪璇戝櫒鏉ュ疄鐜扮浉褰撲笉閿欑殑鎬ц兘鎻愬崌銆傗€擜ndrewClark锛屾牳蹇僐eact鍥㈤槦鎴愬憳涔熻杩欏緢鍚堥€傦紝鍥犱负React鐨勮櫄鎷烡OM濮嬬粓鍙槸涓€涓疄鐜扮粏鑺傘€備俊鍙峰拰鍙嶅簲寮忚瑷€浼间箮鏄簨鐗╄瀺鍚堢殑鍦版柟銆備絾鏄綋瀹冪涓€娆¤繘鍏avaScript鏃讹紝杩欏苟涓嶆槸閭ｄ箞鏄庢樉銆備篃璁告槸鍥犱负JavaScript涓嶆槸瀹冪殑鏈€浣宠瑷€銆備笉绠¤繖涓€鍒囩殑缁撴灉濡備綍锛屽埌鐩墠涓烘锛岃繖鏄竴娈电浉褰撲笉閿欑殑鏃呯▼銆傛湁杩欎箞澶氫汉鍏虫敞Signals锛屾垜杩笉鍙婂緟鍦版兂鐪嬬湅鎴戜滑鎺ヤ笅鏉ヤ細鍙戠敓浠€涔堛€傜患涓婃墍杩帮紝浠ヤ笂绠€鍗曚粙缁嶄簡Signals鍦↗avascript涓殑婕斿彉锛屽笇鏈涘瀛︿範鍓嶇鐨勪綘鏈夋墍甯姪銆傚綋鐒讹紝杩欒繕涓嶆槸鍏ㄩ儴鍐呭銆備互鍚庢垜浼氱户缁洿鏂拌繖绡囨枃绔狅紝浠庢洿澶氭柟闈㈣璁哄墠绔殑Signals銆傛渶鍚庯紝鎰熻阿澶у瀵规湰鏂囩殑鏀寔~娆㈣繋鐐硅禐鏀惰棌锛屽湪璇勮鍖虹暀涓嬩綘鐨勭湅娉曫煂桂煂桂煂规湰鏂囦负缈昏瘧锛屽師鏂囧湴鍧€
