本期摘要

大家好，我是童歐巴。歡迎來到本期的前端食堂技術週刊，我們先來看下上週的技術資訊。

技術資訊

為了讓還在使用 Vue2 的使用者享受到 Vue3 的好處，Vue3 中的一些重要特性將會向後移植到 Vue2.7：

向後移植的功能不僅是上面幾點，還包括其他的 API 和內容(API 暴露注意事項、與 Vue3 的行為差異、Beta 採用指南等)，可以前往連結檢視。

2.7 穩定版計劃於 2022 年 6 月底左右釋出，截止本期週刊撰稿時，Vue 團隊宣佈 2.7 穩定版將於下週釋出。一旦 2.7 穩定版釋出，Vue2 將不再接收新功能，並將進入持續 18 個月的 LTS(長期支援)，這意味著 Vue2 將在 2023 年底結束生命週期。

主要更新如下：

GitNation 基金會於 2022 年 6 月 17 日頒佈了 React 的 Open Source Awards。

Remotion：用 React 製作影片。
React Flow：一個高度可定製的 React 元件，用於構建互動式圖形和基於節點的編輯器。
react-native-tvos：Fork 自 React Native，額外支援 Apple TV 和 Android TV。
React Unity WebGL：為 Unity WebGL 構建嵌入 React 應用程式提供了一種現代解決方案，同時為 Unity 和 React 之間的雙向通訊和互動提供了高階 API。
Jest Preview：在瀏覽器中預覽 Jest 測試，並幫助你輕鬆的除錯。

GitNation 基金會於 2022 年 6 月 16 日頒佈了 JavaScript Open Source Award。

多構建引擎：支援 Vite 和 Webpack。
預設快：MFSU V3 + Webpack 5 快取(解決 Dev 時編譯慢的問題)、Webpack 5 物理快取 + CD 平臺(解決 Build 時編譯慢的問題)、esbuild 作為 js 和 css 的壓縮器、jest 的 transformer 等等的環節提速。
Umi Max：內網 Bigfish 的外部版本。
React Router 6，路由層實現更優雅，不過有一些 Break Change。
支援 Vue，由社群同學提供，只需裝載一個 preset 即可切換到 Vue。
預設最快的 CSR 請求，避免 React 專案經典的 Render-Then-Fetch 的載入瀑布流問題。
白盒穩定的 Lint，內建精挑細選的 lint 規則。
SSR，重寫 SSR 功能，此功能目前處於 beta 階段。
API 路由，打包成不同平臺支援的 Serverless Function 產物。
微生成器，小型腳手架、控制功能的開啟與關閉、庫版本切換。

一些在 2022 年 5 月登陸穩定版和測試版瀏覽器的新功能。

Chrome 102 和 Safari 15.5 包含 inert 屬性，一個全域性 HTML 屬性，使開發人員能夠從 tab 順序和可訪問性樹中移除一個元素，帶來更好的可訪問性。
Chrome 102 包含 hidden=until-found，可以在頁面中查詢並滾動到摺疊區域內的文字。
Chrome 102 釋出了 Navigation API，經典的 Histroy API 看起來很簡單，但是它的定義不是很明確，在極端情況和不同瀏覽器的實現方式方面存在大量問題，Navigation API 是全新的實現。
Firefox 101 支援 Constructable Stylesheets，使 Shadow DOM 建立和分發可重用樣式變得更加容易。
Firefox 101 包含 prefers-contrast，該媒體功能用來檢測使用者是否請求以較低或者較高的對比度呈現頁面內容。