缇庡懗浠峰€硷細馃専馃専馃専馃専馃専鍙ｅ懗锛氬捀铔嬮粍灏忛緳铏炬姭钀ㄩ鍫傛妧鏈懆鍒婁粨搴撳湴鍧€锛歨ttps://github.com/Geekhyt/weekly鏈湡灏忕粨11鏈堢櫥闄嗘祻瑙堝櫒鏂扮壒鎬hrome108VueConf2022鎵€鏈夋紨璁插槈瀹惧強鏃ョ▼纭畾绗?3灞奣C39浼氳TSChallenge缃戠珯鍙樼伆鏂规硶鍚堥泦浼樺寲Vue椤圭洰鎶€宸у悎闆咰olorFormattinginCSSHi澶у濂斤紝鎴戞槸浣熸宸淬€傛杩庢敹鐪嬫湰鏈熷墠绔鍫傛妧鏈懆鍒婏紝涓€璧锋潵鐪嬬湅涓婂懆鐨勬妧鏈祫璁惂銆傛妧鏈俊鎭?銆?1鏈堬紝鏂版祻瑙堝櫒鍔熻兘Firefox107鍜孋hrome108鍙戝竷绋冲畾鐗堛€傚叾涓紝Chrome108涓昏鍖呮嫭浠ヤ笅鏂扮壒鎬э細AndroidChrome娴忚鍣ㄨ鍙ｈ涓烘敼鍙橈紱涓€娉㈡柊鐨勮鍙ｅ崟鍏冿紱鎵撳嵃鏃讹紝break-before銆乥reak-after銆乥reak-inside鏀寔aviod灞炴€э紝閬垮厤琚垎椤垫崯鍧忥紱鑱斿悎鍑瘉绠＄悊(FedCM)API銆傛洿澶氬叧浜嶤hrome108鐨勪俊鎭紝璇峰墠寰€Chrome108鐨勬柊鍔熻兘銆?.VueConf2022鐨勬墍鏈夋紨璁插槈瀹惧拰鏃ョ▼瀹夋帓灏嗕簬2022骞?2鏈?0鏃?0:00寮€濮嬶紝绮惧僵璇濋濡備笅锛氭父楸兼邯鈥斺€旇繘鍖栬瑙嗗浘;钂嬫旦缇も€斺€擵ue椤圭洰閰嶇疆锛氭渶浣冲疄璺典笌涓汉鍋忚锛汚nthonyFu-VueUse鏈€浣冲疄璺碉紱鍌插ぉ瀹?bilibili鍥介檯鐗圴ue3.0SSR瀹炶返锛汳isakiTomoko-VueMacros浠嬬粛鍜屽熀鏈師鐞嗭紱涓€鍙厰瀛愨€斺€斿湪澶у瀷娲诲姩涓璙ue鐨勯潤鎬佹鏌ュ疄璺碉紱钄″皯杈?浣跨敤Vue鏋勫缓CLI搴旂敤绋嬪簭锛涘磾瀹忓疂鈥斺€擵ue鍦∟ative骞冲彴鐨勪笁澶ф紨杩涳紱鍞愭ⅵ闆紙娌堥潚宸濓級-Vue/Vite涓枃鏂囨。缈昏瘧缁忛獙銆?.绗?3灞奣C39浼氳涓婄殑澶ч噺鎻愭鐘舵€佹洿鏂版眹鎬汇€係tage4IntlEnumerationAPIStage3SetMethodsExplicitResourceManagementIteratorHelpersWell-FormedUnicodeStrings璁╂垜浠湅鐪嬫妧鏈俊鎭€傛妧鏈祫鏂?.TS鎸戞垬15涓棶棰樿浣犲叆闂═ypeScript銆?.鐏板害缃戠珯鏂规硶锛氱伆鍖栨暣涓綉绔欙紝浣跨敤CSS杩囨护鍣細grayscale();瀵逛簬浣庣増鏈祻瑙堝櫒锛屼娇鐢⊿VGfilter閫氳繃filter瀵煎叆锛涚伆鑹茬涓€灞忥紝浣跨敤backdrop-filter:grayscale()閰嶅悎pointer-events:none;濡傛灉浣犳兂瑕佹洿濂界殑鍏煎鎬э紝浣跨敤mix-blend-mode:hue,mix-blend-mode:saturation,mix-blend-mode:color銆?.浼樺寲Vue椤圭洰鎶€宸у悎闆嗭紝鏀跺綍10浣欐潯Vue浼樺寲鎶€宸с€?.CSS涓殑棰滆壊鏍煎紡瑕佸湪CSS涓〃绀洪鑹诧紝鎮ㄥ彲浠ヤ娇鐢ㄥ绉嶆牸寮忥紙鍗佸叚杩涘埗銆乺gb()銆乭sl()銆乴ch()绛夛級锛孞osh甯︽偍娣卞叆浜嗚В瀹冧滑鐨勫伐浣滃師鐞嗗苟鍏呭垎鍒╃敤瀹冧滑浠栦滑銆傚ソ鏂囨帹鑽愭潵鐪嬬湅濂芥枃鎺ㄨ崘鍚с€傛湰鍛ㄦ帹鑽愭枃绔犳槸锛氬浣曡В鍐冲墠绔鍩熺殑绔炰簤闂锛熻璇碦eact缁勪欢鐨勮璁★紝浠ヤ笂鏄湰鏈熼鍫傚懆鍒娿€傚鏋滆浼楄寰楄繕涓嶉敊锛屼竴閿笁閫氬氨鏄椋熷爞鑰佹澘鏈€澶х殑鏀寔銆備綘鐨勫墠绔鍫傦紝鍚冨ソ姣忛】楗紝涓嬫瑙併€?/p>
