澶у濂斤紝鎴戞槸渚︽帰锛堜粖骞寸殑鏂版爣棰橈級~鍙堝埌宀佹湯浜嗭紝鐪嬬湅鎴戜滑杩欎竴骞撮兘鍋氫簡浜涗粈涔堬紝缃戠珯涓婂彂琛ㄤ簡100澶氱瘒鏂囩珷銆傛暣涓?022骞达紝鐩告瘮涔嬪墠杩樻槸姣旇緝鍕ゅ揩鐨勶紝鍩烘湰淇濇寔鐫€涓€鍛ㄤ竴鏇寸殑鑺傚銆傛暟鎹涓嬶細鏂囩珷锛?7绡囧洖澶嶏細120绡囷紝鍏朵腑46绡囪閲囩撼澹版湜锛?4487鍏朵粬鑽ｈ獕锛氱涓夊TopWriter姝ゅ锛屽湪棣栧眾鈥滅尗鐚澂鈥濈綉缁滀唬鐮佸悎浣滀腑鑾峰緱鏈€浣充汉姘斿-Segmentfault鍒涗綔澶ц禌銆傛槑骞达紝鎴戜細鍙傚姞鏇村鐨勬椿鍔ㄣ€傚叧浜庢枃绔犵被鍨嬫枃绔犲潎涓哄師鐢熸妧鏈紝涓嶆秹鍙婂悇澶ф鏋躲€傜畝鍗曟妸鏂囩珷鍒嗙被鎴怌SS鐩稿叧锛?3SVG鐩稿叧锛?JS鐩稿叧锛?HTML&DOM鐩稿叧锛?Canvas鐩稿叧锛?鍙互鐪嬪埌澶ч儴鍒嗛兘鏄疌SS鐩稿叧鐨勶紝鍖呮嫭CSS鏂扮壒鎬э紝CSS缁樺浘鐩稿叧锛孋SS鍔ㄧ敾锛屽悇绉岰SStricks绛夌瓑鍡紝铏界劧鎴戣寰楁湁寰堝锛屼絾鏄瘮杈冨鏉傦紝涓€鑸兘鏄啓涓€绡囨枃绔狅紝鐒跺悗灏辨病鏈夊悗缁簡鏄殑锛屾垜鎵撶畻鏄庡勾鍐欎竴浜涚郴鍒楁枃绔狅紝杩欐牱灏卞彲浠ヤ簡2022骞村垵寮€鐨勫叕浼楀彿浼氭瘮杈冭繛璐紝搴旇璇存槸鍙堟崱璧锋潵浜嗭紙2017骞存敞鍐岀殑锛夛紝鍚嶅瓧灏卞彨銆婂墠渚︽帰銆嬶紝寮€濮嬪氨鍦ㄤ笂闈㈠彂浜嗕竴绡囨枃绔狅紝鐩墠鏇存柊50绡囧師鍒涙枃绔狅紝涓庡悇澶у钩鍙板熀鏈竴鑷淬€傝嚦浜庝负浠€涔堝彨杩欎釜鍚嶅瓧锛屼笉闅剧寽鍒般€傛垜鐨勭ぞ浜ゅご鍍忔槸宸ヨ棨鏂颁竴锛屽叕浼楀彿澶村儚鐢ㄧ殑鏄煰鍗楋紝鎰忔€濇槸鏌崡骞曞悗鏄笉鏂皟鏌ユ帰绱㈢殑鏂颁竴馃槀浠ヤ笂鍑哄鏉ヨ嚜鏃ユ湰鍔ㄦ极锛氬悕渚︽帰鏌崡銆傛暟鎹叾瀹炰笉鏄緢濂姐€傜幇鍦紝姣忕瘒鏂囩珷鐨勯槄璇婚噺澶х害鏈変簩涓夌櫨銆傚綋鐒讹紝鎴戞殏鏃朵笉鍏冲績杩欎釜锛屼絾鏄洜涓哄叕浼楀彿鍘熷洜鏄兘鍧氭寔杈撳嚭锛屼篃绠楁槸灏忓搧鐗屼簡銆傚湪杩欓噷锛屾垜瑕佹劅璋hokcoco銆備竴鍗婄殑绮変笣鏉ヨ嚜浠栫殑寮曟祦銆傛槑骞存垜浠細鍔犲己鈥滆惀閿€鈥濅富瑕佹湁浠ヤ笅鍑犵偣1.XboxYan/xy-ui锛氿煄ㄩ潰鍚戞湭鏉ョ殑鍘熺敓webcomponentsUI缁勪欢搴?github.com)杩欐槸涓€涓獁eb-componentUI缁勪欢搴擄紝鍏跺疄灏辨槸瀹冧袱涓夊勾浜嗭紝浠婂勾娌℃€庝箞鏇存柊锛屽彧鏄淮鎶わ紝瑙ｅ喅浜嗕竴浜汢UG锛屾槦鏁板垰杩?K锛堟柊鎵嬫潙澶毦浜嗮煒級锛屽€煎緱搴嗚春~瀹冨彲鑳藉拰鐜板湪web-component鐨勫彂灞曟湁鍏筹紝鎴戣寰楀墠涓嶄箙鏈変竴涓猀uarkDesign锛屼篃鏄敤杩欎釜鐨勶紝涓夊勾鍓嶏紝娌′汉鍏冲績锛岃繖涓畻鏄蛋鍦ㄤ簡鍓嶅垪锛岃€屼笖star鏁板湪绋虫涓婂崌涓€傘€傘€傝繖涓ゅ勾CSS鍙戝竷浜嗗緢澶氭柊鐗规€э紝鏄椂鍊欎紭鍖栦竴涓嬩簡~2.yued-fe/yux-storage:yux-storage杩欐槸涓€涓熀浜嶩TML5IndexedDB灏佽鐨刉eb鏈湴鏁版嵁绂荤嚎瀛樺偍搴擄紝鍙互璁╂搷浣渋ndexedDB鍍忔搷浣淟ocalStorage涓€鏍风畝鍗曘€?/鍥炶皟鍑芥暟yuxStorage.getItem('key',function(err,value){if(err){console.log('Anerroroccurred')//绫讳技浜巒odejs鐨勫洖璋冩牸寮弣else{console.log(value)}})//涔熸敮鎸乸romiseyuxStorage.setItem('key').then(doSomethingElse)//濡傛灉浣犵殑鐜鏀寔寮傛锛岄偅涔坈onstvalue=awaityuxStorage.getItem('key')console.log(value)//濡傛灉浣犳兂鐩戝惉鏁版嵁鏇存柊锛岄偅涔坹uxStorage.addEventListener((type,data)=>{console.log(type,data)//'setItem','{key,value}'})鍋氫簡涓€浜涢噸瑕佺殑浜嬫儏浠婂勾涓婂崐骞存洿鏂帮紝鍖呮嫭鏁版嵁鏇存柊鐩戞帶锛屽鏁版嵁搴撴敮鎸佺瓑锛屾杩庡叧娉ㄦ垜鐨刧ithubb:https://github.com/XboxYanaboutnewskills2022鏂板浜嗕袱涓柊鎶€鑳斤紝閮芥槸浠ュ墠娌℃帴瑙﹁繃鐨勩€?銆丒lectron浠庝粖骞?鏈堝紑濮嬫帴瑙lectron銆傝繕鏄尯蹇殑锛屼絾鏄墠鏈熻繕鏄亣鍒颁簡寰堝闂銆傚垢杩愮殑鏄紝鎴戝厠鏈嶄簡閲嶉噸鍥伴毦锛岀粓浜庡湪浠婂勾11鏈堜唤姝ｅ紡涓婄嚎浜嗗叕娴媬馃帀2.Chrome鎻掍欢鍏跺疄涔嬪墠灏辩煡閬揅hrome鎻掍欢锛屽彧鏄彂灞曞お蹇簡銆傜幇鍦ㄦ槸V3鐗堟湰锛屽緢澶氫互鍓嶅鐨勪笢瑗块兘涓㈡帀浜嗐€傚熀鏈笂锛屾垜浼氶噸鏂板紑濮嬨€傚叕鍙稿唴閮ㄧ殑灏变笉浠嬬粛浜嗐€傝繖鏄垜寮€鍙戠殑涓€涓狢hrome鎻掍欢銆傛湁鍏磋叮鐨勫彲浠ョ湅鐪嬭繖绡囨枃绔狅細鑷姩鍖哄垎涓嶅悓鐨勫紑鍙戠幆澧冿紵鎴戝仛浜嗕竴涓叧浜庡伐浣滅殑Chrome鎻掍欢銆?022骞达紝涓婃捣鐤儏渚濈劧鐩稿綋涓ラ噸銆傛骞?鏈堣嚦6鏈堜紤棣嗐€傝繖鏈熼棿锛屾垜鏈夊垢琚媺鍑烘潵闅旂涓や笁涓槦鏈熴€傛垜寰堜笉骞革紝鍙鍒嗛厤鍒颁竴涓叕瀵撱€傚惉璇存湁浜虹粰閰掑簵瀹氫簡锛屾€讳綋杩樻槸鎸哄共鍑€鐨勶紝灏辨槸澶€滃共鍑€鈥濅簡锛屾病鏈夋妞呫€傛病鍔炴硶锛屽彧濂芥妸鎶樺彔搴婃惉鍒颁簡鍘ㄦ埧銆?0鏈堝簳锛屽叕鍙告惉杩涗簡鏂板ぇ妤硷紝铏界劧鏁翠綋鏇粹€滃共鍑€鈥濅簡銆傜畻鈥滈珮绾р€濓紝浣嗚淇お杩囧崟涓€锛屽儚娴佹按绾匡紝鍗村皯浜嗗師鏈夌殑椋庤矊銆傜湅涓嬮潰锛岄伄浣弆ogo鍒嗕笉娓呭摢涓槸鍝釜銆傚ソ澶勬槸鍛ㄨ竟鐜鍙兘浼氬ソ涓€浜涖€傛斁鎵嬪惂锛屽ぇ瀹堕兘濂藉悧锛熸湁杩硅薄琛ㄦ槑蹇煇戜簡锛?023骞翠竴璧峰姞娌瑰惂锛屾槑骞寸殑璁″垝锛岀幇鍦紝鐪媥y-ui鑳戒笉鑳藉畬鎴愩€傛槸鏃跺€欎紭鍖栬繕鏄湁蹇呰绯荤粺瀛︿範canvas锛屽啓涓€绡囧叧浜嶤SS鐨勭郴缁熸枃绔狅紙鎴栨暀绋嬶級锛?023浠婂勾涓€璧峰姫鍔涘惂~鏈枃鍙備笌SegmentFault骞村害闅忕瑪銆夾Technologist's2022銆嬶紝姝ｅ湪闃呰鐨勬湅鍙嬫杩庢姇绋裤€?/p>
