锛烸uark锛堝じ鍏嬶級Design鏄疕elloPlatformUED涓嶨rowth&Ecommerce鍓嶇鍥㈤槦鍏卞悓鎵撻€犵殑闈㈠悜绉诲姩绔殑璺ㄦ鏋禪I缁勪欢搴撱€備笌涓氱晫绗笁鏂圭粍浠跺簱涓嶅悓锛孮uarkDesign搴曞眰鏄熀浜嶹ebComponents瀹炵幇鐨勶紝鍙互瀹炵幇涓€濂椾唬鐮侊紝鍚屾椂杩愯鍦ㄥ悇绉嶅墠绔鏋朵腑銆傜粡杩囦竴骞村鐨勫彂灞曪紝澶稿厠璁捐宸茬粡鍦ㄩ泦鍥㈠唴澶ч噺涓氬姟寰楀埌楠岃瘉銆傛湰鐫€鈥滃叡鍒涖€佸叡寤恒€佸叡浜€濈殑寮€婧愮簿绁烇紝鍗虫棩璧锋寮忓澶栧紑婧怮uark锛丟ithub鍦板潃锛歨ttps://github.com/hellof2e/q...锛堟眰star锛屾眰鍏虫敞~馃榿锛夋敞锛氭枃妗erformance/style鍙傝€僅eadlessUI/nutui/vant绛塓uark鏈変粈涔堝尯鍒璁″拰鐜版湁鐨勪富娴佺粍浠跺簱锛烸uark锛堝じ鍏嬶級涓嶅悓浜庝笟鐣屼富娴佺殑绉诲姩绔粍浠跺簱銆俀uark鍙互鍚屾椂杩愯鍦ㄤ笟鐣屾墍鏈夌殑鍓嶇妗嗘灦/鏃犳鏋堕」鐩腑锛屽仛鍒扮湡姝ｇ殑鐙珛浜庢妧鏈爤锛佹垜浠笉涓€鏍凤紝:)涓嶄緷璧栨妧鏈爤锛坋g.Vue,React,Angular绛夛級涓嶄緷璧栨妧鏈爤鐗堟湰锛坋g.Vue2.x,Vue3.x锛塶ewApi璁捐锛坋g.visible璋冩暣涓虹鍚堟祻瑙堝櫒鍘熺敓寮圭獥鐨勫紑鍚瓑锛夊綋鍏徃鍓嶇鎶€鏈敓鎬侀」鐩妧鏈爤杈冮暱鏃讹紝淇濇寔缁熶竴鐨勮瑙?浜や簰锛屽畬鏁磋鐩栧悇绫诲父鐢ㄧ粍浠朵綘闇€瑕併€傛€ц兘浼樺娍鈥斺€斾紭鍏堢骇閫昏緫鏄潪闃诲鐨勩€傛垜浠互React缁勪欢鐨刉ebComponents涓轰緥銆備竴涓櫘閫氱殑React缁勪欢鍦ㄧ涓€娆℃墽琛屾椂锛岄渶瑕佷竴娆℃€ц蛋瀹屾墍鏈夊繀瑕佺殑node閫昏緫锛岃€岃繖浜涢€昏緫鐨勬墽琛屽湪js涓槸鍚屾鍗犵敤鐨勩€傚湪涓荤嚎绋嬩笂锛屽綋浣犵殑椤甸潰瓒冲澶嶆潅鏃讹紝涓€浜涢潪鏍稿績閫昏緫浼氶樆濉炲悗缁牳蹇冮€昏緫鐨勬墽琛屻€傛瘮濡傜涓€娆″姞杞界殑鏃跺€欙紝浣犵殑椤甸潰涓湁涓€涓鏉傜殑浜や簰缁勪欢锛屼氦浜掔粍浠跺寘鍚玁澶氶€昏緫鍜屾寜閽瓑灏忕粍浠躲€傝繖鏃跺€欙紝椤甸潰鐨勭涓€娆″姞杞戒笉搴旇浼樺厛鎵ц杩欎簺缁嗚妭閫昏緫锛岃€屾槸鏈€浼樺厛鐨勫簲璇ユ槸浼樺厛娓叉煋鏁翠綋妗嗘灦鎴栬€呮牳蹇冨厓绱狅紝鐒跺悗瀹屽杽閭ｄ簺涓嶉渶瑕佸畬鎴愮殑缁嗚妭绗竴娆°€傛瘮濡傛湁浜涘浘鐗囧鐞嗙殑寰堝鏉傦紝浣嗘槸浣犱笉闇€瑕佷竴寮€濮嬪氨鍔犺浇瀹冧滑銆傚綋鎴戜滑浣跨敤WebComponents鏉ヤ紭鍖朢eact鏃讹紝鎵ц杩囩▼浼氬彉寰楃畝鍗曞緢澶氥€傛瘮濡傛垜浠敞鍐屼竴涓鏉傜殑閫昏緫缁勪欢锛屾垜浠湪React鎵ц鐨勬椂鍊欏彧鎵ц涓€鏉reateElement璇彞锛屽垱寤哄畠鍙渶瑕?-2娆°€傚彲浠ュ湪寰绾у唴瀹屾垚锛岀湡姝ｇ殑閫昏緫骞朵笉鏄悓鏃舵墽琛岋紝鑰屾槸绛夊埌鈥滄牳蹇冧换鍔♀€濇墽琛屽畬浜嗗啀鎵ц锛屼綘鐢氳嚦鍙互璁╁畠鍦ㄥ悎閫傜殑鏃跺€欐墽琛屻€傛垜浠篃鍙互绠€鍗曠殑鐞嗚В涓哄悗闈㈡墽琛屼竴閮ㄥ垎閫昏緫锛岀劧鍚庢覆鏌撳埌鎸囧畾id鐨凞iv涓紝閭ｄ负浠€涔堜紶缁熺殑缁勪欢鍋氫笉鍒板憿锛熼偅涔圵ebComponents鍛紵閭ｄ箞灏变笉寰椾笉鎻愪竴涓嬪畠鍖呭惈鐨勫彟涓€涓妧鏈壒鎬э細ShadowDOM銆傜粍浠堕殧绂伙紙ShadowDom锛塖hadowDOM涓鸿嚜瀹氫箟缁勪欢鎻愪緵鍖呮嫭CSS鍜屼簨浠跺湪鍐呯殑鏈夋晥闅旂锛屼笉鍐嶆媴蹇冧笉鍚岀粍浠朵箣闂寸殑鏍峰紡鍜屼簨浠舵薄鏌撱€傝繖鐩稿綋浜庝负鑷畾涔夌粍浠舵彁渚涗簡涓€涓ぉ鐒舵湁鏁堢殑淇濇姢浼炪€係hadowDOM鍏跺疄鏄竴涓嫭绔嬬殑瀛怐OMTree锛岄€氳繃鏈夐檺鐨勬帴鍙ｄ綔鐢ㄤ簬澶栭儴銆傛垜浠兘鐭ラ亾锛岄〉闈腑DOM鑺傜偣鐨勬暟閲忚秺澶氾紝杩愯鏃舵€ц兘灏辫秺宸紝鍥犱负DOM鑺傜偣鐨勪氦浜掑線寰€浼氬湪澶ч噺鐨凢rame鍏崇郴琚叧鑱斿拰瑙﹀彂鏃惰Е鍙戦噸缁橈紙Repaint锛夊拰鍥炴祦锛坮eflow锛夈€傝绠椼€侰SS鐨勯殧绂讳篃浼氬姞蹇€夋嫨鍣ㄧ殑鍖归厤閫熷害銆傚摢鎬曞彲鑳芥槸寰绾х殑鎻愬崌锛屽湪鏋佺鎬ц兘鎯呭喌涓嬩粛鐒舵槸涓€绉嶆湁鏁堢殑鎵嬫銆傚じ鍏嬭兘涓烘偍鍋氫粈涔堬紵鎻愰珮鏁堢巼銆侀檷浣庢垚鏈嚑涔庢槸鎵€鏈変紒涓氱殑涓绘棆寰嬨€傞櫎浜嗘彁渚涢€氱敤缁勪欢澶栵紝Quark鏈韩杩樹负浣犳彁渚涗簡寮€绠卞嵆鐢ㄧ殑CLI锛岃浣犲湪鏃ュ父寮€鍙戜腑鍙互鐩存帴璺ㄥ涓妧鏈爤杩涜寮€鍙戙€?妗嗘灦鐨勪笟鍔＄粍浠躲€傛瘮濡備竴涓浉鍚岄鏍肩殑钀ラ攢寮圭獥鍙互瀹炵幇锛氳繍琛屽湪涓嶅悓鎶€鏈爤锛圓ngular銆乂ue銆丷eact绛夛級鐨勫墠绔」鐩腑锛屽悓鏃惰繍琛屽湪涓嶅悓鐗堟湰鐨勬妧鏈爤涓紝姣斿鍦╒ue2.x涓繍琛岋紝Vue3.x涓殑CLI鍐呴儴Beta鐗堟湰宸茬粡瀹屾垚锛屽紑婧愭棩鏈熸瘮QuarkDesign鐣ユ櫄銆傚彲浠ュ厛鍏虫敞缁勭粐鍦板潃锛歨ttps://github.com/hellof2e锛屽叧娉ㄦ洿鏂般€傞€傜敤鍦烘櫙锛氬叕鍙?鍥㈤槦鍐呴儴鍙戝竷涓€涓嫭绔嬬殑npm鍖咃紝渚涘叾浠栧洟闃熷畨瑁呬娇鐢紝杈惧埌鎻愰珮鏁堢巼锛岄檷浣庢垚鏈殑鐩殑銆俷pmi-g@quarkd/quark-clinpxcreate-quark鍐欏湪QuarkDesign鐨勬渶鍚庛€傜粡杩囦竴骞村鐨勫紑鍙戯紝缁勫唴鏈変笉灏戝悓瀛﹀弬涓庤础鐚唬鐮併€傛垜鎯虫彁鍓嶈〃绀烘劅璋€傛劅璋㈡偍瀵瑰じ鍏嬭璁＄殑鏀寔銆傝璁＄殑鐑儏鍜屾敮鎸併€傚悓鏃跺紑婧愬悗锛屾杩庢洿澶氱ぞ鍖哄悓瀛﹀弬涓庡じ鍏嬭璁＄殑鍏卞缓锛屽じ鍏嬭璁＄埍浣犫潳锔忥紒濡傛灉鎮ㄥQuark鎰熷叴瓒ｏ紝璇锋壂鎻忎簩缁寸爜鍔犲叆寮€鍙戠兢銆傚鏋滆繘涓嶄簡浜ゆ祦缇わ紙寰俊缇ゆ壂鐮佹渶澶?00浜猴級锛屽彲浠ュ姞寰俊锛歩derxu锛屾媺浣犺繘缇ゃ€傜浉鍏抽摼鎺itHub锛歨ttps://github.com/hellof2e/q...鏂囨。锛歨ttps://quark-design.hellobik...https://developer.mozilla.org...https://www.webcomponents.org/2022WebComponents瓒嬪娍瑙ｈ涓庡彂灞曪細https://zhuanlan.zhihu.com/p/...
