【第六十二期】2022-12-06

[Geekhyt]

美味值：🌟🌟🌟🌟🌟

口味：咸蛋黄小龙虾披萨

本期摘要

• 11 月登陆浏览器的新特性
• Chrome 108
• VueConf 2022 所有演讲嘉宾及日程确定
• 第 93 次 TC39 会议
• TS 挑战
• 置灰网站方式合辑
• 优化 Vue 项目技巧合辑
• CSS 中的颜色格式

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

技术资讯

1. 11 月登陆浏览器的新特性

Firefox 107、Chrome 108 发布稳定版本。其中 Chrome 108 主要包括如下新特性：

• 安卓版 Chrome 浏览器视口行为变化；
• 一波 新的视口单位；
• 在打印时，break-before、break-after、break-inside 支持 aviod 属性，避免被分页破坏；
• 联合凭证管理(FedCM) API。

关于 Chrome 108 的更多内容请移步 New in Chrome 108。

2. VueConf 2022 所有演讲嘉宾及日程确定

2022 年 12 月 10 日 10:00 点开始，精彩议题如下：

• 尤雨溪 - Vue 的进化历程；
• 蒋豪群 - Vue 项目配置：最佳实践与个人偏见；
• Anthony Fu - VueUse 最佳实践；
• 敖天羽 - Vue 3.0 SSR 在 bilibili 国际版实践；
• 三咲智子 - Vue Macros 介绍及基本原理；
• 某兔 - 大型活动中的 Vue 的静态检查实践；
• 蔡少辉 - 使用 Vue 构建 CLI 应用；
• 崔红保 - Vue之于Native平台的三次进化；
• 唐梦予（ShenQingchuan）- Vue / Vite 中文文档翻译心得。

3. 第 93 次 TC39 会议

一大波提案状态更新，卷起来。

Stage 4

• Intl Enumeration API

Stage 3

• Set Methods
• Explicit Resource Management
• Iterator Helpers
• Well-Formed Unicode Strings

下面我们来看技术资料。

技术资料

1. TS 挑战

15 道题，带你入门 TypeScript。

2. 置灰网站方式合辑

• 全站置灰，使用 CSS 的 filter: grayscale()；
• 针对低版本的浏览器，使用 SVG 滤镜通过 filter 引入；
• 首屏置灰，使用 backdrop-filter: grayscale()配合 pointer-events: none；
• 如果想要更好兼容性，使用混合模式的 mix-blend-mode: hue、mix-blend-mode: saturation、mix-blend-mode: color。

3. 优化 Vue 项目技巧合辑

把 10 多个 Vue 优化小技巧收入囊中。

4. CSS 中的颜色格式

在 CSS 中表示颜色，你可以使用很多种格式(十六进制、rgb()、hsl()、lch() 等)，Josh 带你深入他们的工作原理并充分利用它们。

好文推荐

下面来看一下好文推荐，本周推荐的好文是：

1. 如何解决前端领域的竞态问题？

2. 浅谈 React 组件设计

好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。

你的前端食堂，吃好每一顿饭，我们下期见。

周刊赞助

整理周刊要花费大量的精力和时间，你可以通过以下方式支持我：

• 将食堂分享给你的朋友；
• 订阅食堂的竹白付费专栏(食堂为你准备了专属的会员通讯，以及前端食堂数字花园知识库的访问权限)。

订阅地址：https://hungryturbo.zhubai.love/