技术周刊 2021-04-28：谷歌提出极具争议的 FLoC 规范

前端快爆

• W3C 推出 Web 机器学习工作组，前身是 Web 机器学习社区小组，该小组将于 2021 年上半年推出 Web Neural Network API 的第一个草案。

点评：前端做机器视觉，想想还有点小期待呢。

• 为了替换基于第三方 Cookie 的广告追踪机制，优化其定向广告，谷歌推出了「同盟学习队列」 Federated Learning of Cohorts，简称 FLoC：
  • 该技术的实现细节：
    • 将个人维度的标记替换为群体标记，以达成兼顾广告精准投放和保护用户隐私的效果；
    • 将提供一个 JavaScript API：document.interestCohort()，可基于用户的浏览行为来获得群体标记数据；
    • 于今年三月底进入 Origin Tiral 阶段，官方声称 FloC 替代第三方 Cookie 追踪有效率为 95%；
  • 社区对此反响相对激烈，主要的顾虑在于：
    • 额外的信息熵实质上提供了更多的指纹追踪的手段；
    • 它增加了用户隐私的额外曝光，包括之前碍于权限无法程序获取的浏览数据；
  • 针对社区顾虑：
    • 谷歌提供“隐私预算”计划，目前需要开启 Flag 打开支持；
    • Duckduckgo 提供了一个阻止 FLoC 追踪的浏览器插件；
    • 一篇博文介绍了如何为你的站点关掉 FLoC 追踪，Github 已部署；
    • amifloced 站点上线，用于告诉用户你当前的浏览器是否打开了 FLoC 追踪。

点评：广告是谷歌的最大收入来源，而隐私是 Web 这些年的主线发展方向，这块的拉锯战还会持续一段时间。

• 随着 iOS 14.5 上线，Safari 14.1 也上线了，相关更新有：
  • 浏览器 API：
    • 支持了 Speech API、Paint Timing API、TransformStream API、WebRTC Sockets；
    • 实验性支持了AR 模型标签 <model>、Contact Picker API、隐私保护广告点击 API Private Click Measurement；
  • JavaScript 运行时：
    • Service Worker 和 Worker 支持了 Module；
    • class 支持了私有静态方法；
    • 支持了 Top-level Await；
    • 支持了 WeakRef；
  • CSS 支持：
    • 拆分的 transform 属性支持：rotate、scale、translate；
      • 此前 Chrome 已实验性支持，通过 #enable-experimental-web-platform-features 可打开支持；
    • Flexbox 中支持了 gap 属性，至此所有主流浏览器均已支持。

点评：Safari 14.1 的技术更新细节没有官方信源，官网只说明了安全相关内容，更新内容信源为社区提供。

• HTTP/3 支持更新：
  • Firefox Nightly 和 Firefox Beta 已默认支持 QUIC 和 HTTP/3，将于 5 月底开放；
    • 在 Firefox 稳定版中，可以在 about:config 打开 network.http.http3.enabled 的配置来支持 HTTP/3；
  • 此前 macOS Big Sur 上的 Safari 14 已实验性支持 HTTP/3；
    • 可以通过菜单栏中的 Develop – Experimental Features – HTTP/3 中打开，并重启 Safari；
  • Chrome 也实验性支持了 HTTP/3；
    • 可以通过命令行参数 --enable-quic --quic-version=h3-34 启动 Chrome 来打开 HTTP/3 的支持；
    • Edge 亦可同样方式打开相关支持。

点评：校验自己当前的浏览器是否支持 HTTP/3，可访问此站点，检查是否有 http=http/3 返回。对应浏览器支持 HTTP/3 的信源来自 Cloudflare。

• Safari 技术预览版 122 起支持了 CSS 颜色对比度函数 color-contrast()，它隶属于 CSS Color Module Level 5，该属性允许开发者声明基于一系列备选颜色，浏览器将使用基于底色对比度最高的那个颜色。

点评：详见 CSS Tricks 的这篇文章了解它的使用。

百宝箱

• winbox.js 是一个可以在前端模拟 Windows 窗口的库，它的特点是零依赖且只有不到 5KB。

• uncut.wtf 提供了一系列开源的字体。

• CSSWG 记录了一系列过往 CSS 规范设计的失误。

点评：全程高能！内含很多官方吐槽，比如 table 布局应该不那么疯狂，比如 flex-basis 和 width / height 的关系不应该那么拧巴，比如很多关键字的设计都没有一致性……

编辑：承虎 & 审阅：一丝