鈥滅粍浠跺寲鈥濅竴鐩存槸鍓嶇宸ョ▼甯堢粫涓嶅紑鐨勮瘽棰橈紝鏃犺鏄棩甯镐笟鍔″紑鍙戯紝杩樻槸灏佽涓氬姟缁勪欢锛涙垨UI缁勪欢鎴栧熀纭€缁勪欢鐨勫熀纭€璁炬柦寤鸿鍜屽紑鍙戯紱鎴栬€匯eact銆乂ue銆丄ngular绛塎V*妗嗘灦閮界鎵跨粍浠朵綔涓哄熀鏈殑鍘熷瓙姒傚康锛屽洜姝ゅ彲浠ヨ偗瀹氱殑鏄紝缁勪欢鏄笅涓€浠eb鎶€鏈彂灞曠殑鍏抽敭銆備絾鏄紝瀵逛簬缁勪欢鍖栵紝涓氱晫骞舵病鏈変竴涓噯纭殑瀹氫箟銆傚畠鏄竴浜涗富瑙傛剰璇嗭紝涓€鑸槸鍩轰簬缂栫▼妯″紡璁捐鎬濇兂涓€滈珮鍐呰仛銆佷綆鑰﹀悎銆侀珮鎵╁睍銆佸彲澶嶇敤鈥濈殑鍩烘湰鐞嗗康銆傛弿杩拌捣鏉ワ紝缁勪欢鍐呴儴瑕佷繚璇侀€昏緫鐨勯泦涓€у拰瀹屾暣鎬э紝缁勪欢澶栭儴瑕佹彁渚涘彲鎵╁睍鐨凙PI锛屼繚璇佺嫭绔嬫€у拰绠€鍗曟槗鐢ㄦ€с€傚彲浠ュ皢鍑犱釜灏忕粍浠跺眰灞傚祵濂楋紝缁勫悎鎴愪竴涓ぇ缁勪欢渚涘閮ㄤ娇鐢紝灏卞儚鎼Н鏈ㄤ竴鏍枫€傚墠绔鏋剁殑鏈川涔熸槸缁勪欢鍖栫殑鎶借薄銆傜幇鍦ㄥ墠绔鏋剁殑鏍煎眬鏄涓€姊槦涓夋煴锛岀浜屾闃熺櫨鑺遍綈鏀俱€備絾鏄洖鍒版簮澶达紝鍚勪釜妗嗘灦鏈€缁堢殑缂栬瘧缁撴灉杩樻槸鍥炲埌浜唈s銆乧ss銆乭tml銆傚浜庘€滅粍浠垛€濊繖涓蹇垫潵璇达紝鍦ㄦ鏋剁殑璁捐鎬濊矾涓婂彧鏄娊璞′簡涓€浜涘姛鑳斤紝闅旂浜嗕唬鐮侊紝閭ｄ箞杩欎細甯︽潵浠€涔堥棶棰樺憿锛熼殢鐫€鎴戜滑鐨勫墠绔」鐩秺鏉ヨ秺澶嶆潅锛屽ぇ鍨嬮」鐩彲鑳戒細渚濊禆鍑犲崄涓垨鑰呬笂鐧句釜绗笁鏂瑰簱銆傚叾涓紝浠ｇ爜妗嗘灦涓婄殑涓€浜涜璁℃槸涓轰簡浠ｇ爜闅旂锛屼粛鐒朵細瀛樺湪涓€浜涢€傞厤鎬у啿绐併€傛瘮濡侱OM鎿嶄綔鍐茬獊锛屾牱寮廋SS鍐茬獊绛夈€傝秺鏉ヨ秺澶氱殑鍏徃椤圭洰锛屼负浜嗛€傚簲鏂版妧鏈垨鑰呮彁楂樻晥鐜囷紝涓嶅緱涓嶈縼绉绘妧鏈爤锛屾垨鑰呮柊鏃ч」鐩苟瀛橈紝寮曞叆寰墠绔紝绛夛紝灏嗕笉鍚岀殑妗嗘灦鎴栨鏋剁増鏈泦鎴愬埌涓€涓〉闈腑銆傚鏋淰ue2.x鍗囩骇鍒癡ue3.x锛屽皝瑁呯殑鍩虹缁勪欢鍜屼笟鍔＄粍浠堕兘灏嗕笉鍙敤銆傛瘡涓叕鍙搁」鐩殑鎶€鏈爤閮戒笉涓€鏍枫€備负浜嗘彁楂樻晥鐜囷紝浠栦滑鍦ㄥ皝瑁呯粍浠舵椂涓嶅緱涓嶉€傞厤鍚勭妗嗘灦銆傛瘮濡備笟鍔＄粍浠堕渶瑕侀€傞厤Vue鍜孯eact鎶€鏈爤锛屽鑷村熀纭€缁勪欢鐨勫紑鍙戞垚鏈浉瀵硅緝楂樸€傚浘涓?021鍓嶇妗嗘灦top5銆備负浜嗚В鍐宠繖浜涢棶棰橈紝鎴戜滑闇€瑕佷竴涓畬鏁寸殑缁勪欢浣撶郴鏉ユ彁楂樺墠绔殑寮€鍙戞晥鐜囷紝鍑忓皯閲嶅鍔冲姩銆傝繖绗﹀悎鎻愰珮鍓嶇鏁堢巼鍜岀ǔ瀹氭€х殑鍙戝睍瓒嬪娍銆傚湪杩欑鎯呭喌涓嬶紝鍚勭瑙ｅ喅鏂规搴旇繍鑰岀敓锛岃€學ebComponents鏄叾涓殑鍏抽敭閮ㄥ垎銆傞偅涔堬紝WebComponents鏀瑰彉浜嗕粈涔堬紵璁╂垜浠潵涓€涓煂般€備箣鍓嶏細A锛氭垜閫犱簡涓€涓猇ue3鐨勮疆瀛愶紝鏄叧浜庤韩浠戒俊鎭崱鐗囩殑銆侭锛氭病閿欙紝鎴戦渶瑕佹垜璇曡瘯銆倃tf閫傜敤浜巚ue3锛屾垜涓嶈兘浣跨敤vue2銆侰锛氬緢閬楁喚锛屾垜鏄痳eact妗嗘灦锛岀敤涓嶄簡銆傛湹锛氬晩锛佹垜鏈夋１瑙掞紝鎴戜笉浼氱敤瀹冿紒E:鏃х殑jq宸ョ▼鍙互鐢ㄥ悧锛烣锛氭垜浠嬬粛杩囷紝浣嗘槸鍜屾垜鐜板湪鐨勯」鐩€昏緫鏈夊啿绐侊紒濡傛灉鏄熀浜嶹ebComponents鎼缓锛欰锛氭垜鎼缓浜嗕竴涓猈ebComponents鐨勮疆瀛愶紝鏄叧浜庤韩浠戒俊鎭崱鐗囩殑锛屽紩鍏ユ爣绛惧氨鍙互浣跨敤銆侭锛氭濂斤紝鎴戣璇曡瘯鐪嬶紝濂藉儚鏈夌敤锛屽お濂界敤浜嗭紒C锛氭垜鏄痳eact妗嗘灦锛屾病闂銆傛湹锛氬晩锛佹垜鏈夋１鏈夎锛屾病闂鑰屼笖寰堝畬缇庯紒E:鏃х殑jq宸ョ▼鍙互鐢ㄥ悧锛熷彲浠ュ晩鐪熷ソ锛丗锛氭垜瀵煎叆鐨勶紝瀹岀編锛屾病鏈夊啿绐併€傞偅涔堬紝Web缁勪欢鍒板簳鏄粈涔堬紵浠€涔堟槸Web缁勪欢锛焀ebComponents鎻愪緵浜嗗熀浜庡師鐢熸敮鎸佸皝瑁呰鍥惧眰鐨勮兘鍔涳紝璁╀笌鍗曚釜缁勪欢鐩稿叧鐨刯avaScript銆乧ss銆乭tml妯℃澘杩愯鍦ㄤ互html鏍囩涓虹晫鐨勫眬閮ㄧ幆澧冧腑锛屼笉浼氬奖鍝嶅叏灞€锛屽苟涓旂粍浠朵箣闂翠笉浼氱浉浜掑奖鍝嶃€傜畝鍗曟潵璇达細瀹冧负鎴戜滑鎻愪緵浜嗚嚜瀹氫箟鏍囩鐨勮兘鍔涳紝骞朵笖鍦ㄦ爣绛惧唴鎻愪緵浜嗗畬鏁寸殑鐢熷懡鍛ㄦ湡銆傝胺姝屼竴鐩村湪鎺ㄥ姩娴忚鍣ㄥ師鐢熺粍浠惰鑼冣€淲ebComponentsAPI鈥濈殑鍙戝睍銆傛棦鐒剁粍浠跺寲鐨勬蹇垫槸涓嬩竴浠ｇ殑瓒嬪娍锛岄偅涔堣胺姝岃偗瀹氫笉浼氱己甯€侾olymer鏃╁湪GoogleI/O2017灏卞崌绾у埌浜?.0鐗堟湰锛屾娆″崌绾х殑涓昏鎰忎箟鍦ㄤ簬灏哠hadowDom鍜孋ustomElements鍗囩骇鍒皏1鐗堟湰锛屼粠鑰岃鏇村鐨勬祻瑙堝櫒鏀寔涓嬩竴浠ebComponents瑙勮寖锛?骞村悗锛?010骞达紝鍚勫ぇ娴忚鍣ㄥ巶鍟嗚嚜鐒剁悍绾锋晥浠裤€傜洰鍓嶆敮鎸佺殑鏈夛細WebComponents鍙互鐩存帴灏嗙粍浠跺寲鐨勬蹇靛簲鐢ㄥ埌娴忚鍣ㄥ彲浠ヨ瘑鍒殑HTML鏍囩涓婏紝姣斿HTML椤甸潰寮€鍙戜腑甯哥敤鐨?video/>
