本期摘要

大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。

技术资讯

为了让还在使用 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，该媒体功能用来检测用户是否请求以较低或者较高的对比度呈现页面内容。