技术周刊 2021-03-01：Firefox 86 发布，限制跨域 iframe 缓存读写

前端快爆

• Firefox 86 发布 ：
• CSS 中支持了 :autofill 伪类选择器 ，用于覆盖默认的自动填充样式，同时兼容了 :webkit-autofill ；
• 支持了 Intl.DisplayNames API ；
• 实验性支持了 image-set() ；
• 可打开 ETP strict 模式，通过分区存储 限制跨域 iframe 的存储接口读写 ：
• 通过 iframe 嵌入跨域内容时，Cookie 中的内容将通过顶部窗口的域名分区（eTLD+1）存储；
• 为了避免 SSO 失效，Firefox 允许了顶级域名使用此域名在其他跨域站点中 iframe 埋下的 Cookie；
• 当分区规则生效时，可使用 Storage Access API 来显式获得用户许可，以接触相关分区限制；
• 受影响的接口包括 Cookie、LocalStorage 等；
• Safari 13.1 起 禁用了 所有第三方站点的 Cookie 使用，仅可使用 Storage Access API 重新启用。

点评：目前已知 Google Analytics 将被跨域 iframe 限制影响

• Vite 2.0 正式发布 ，相比 Webpack 有极大的编译速度提升：
• 新版完全重构了架构，同时支持 React、Vue、Preact，并支持 Rollup 的多个插件；
• 使用了 esbuild 进行预编译，将依赖预编译过程提速了 10 - 100 倍；
• 增强了 CSS 支持：import 和 url 支持了 alias 和 npm 包依赖，url 将自动改写，并支持 CSS 代码分割；
• 实验性支持了服务器端渲染；
• 对于不支持 ESM 的浏览器，可以使用 @vitejs/plugin-legacy 进行兼容；
• Vite 的亮点在于充分利用 ESM 加速编译， 从零开始的 Demo 中 ，Vite React 启动只需要 3s，而 create-react-app 需要 20s

• TypeScript 4.2 发布 ：
• 功能变更
• 支持了 abstract 的 constructor 声明；
• 不支持显式引用 .d.ts 文件了；
• 解构值可用下划线开头的声明方式指明未使用；
• in 操作符的右参数不再支持基础类型；
• ...rest 类型不再强制在元组末尾了，可以使用形如 [boolean, ...string[], boolean ] 的类型定义；
• 优化了 Type Alias 的展示；
• 配置更新
• yield 值返回 any 将在打开 noImplicitAny 配置时报错；
• 未直接调用的函数引用用于 || 和 && 时将在打开 strictNullChecks 配置时报错；
• 支持了 explainFiles 配置，将打印 ts 定义引入的方式；
• 支持了 noPropertyAccessFromIndexSignature 配置，在使用未显式声明的索引时会报错；

百宝箱

• pattern-generator 可用于快速生成无接缝的背景图案；

• cron-parser 是一个适用于 Node.js 端的 crontab 数据解析库；

• virtual-keyboard 允许用户可以通过鼠标模拟键盘输入。

---

编辑：承虎 & 审阅：一丝