美味值：🌟🌟🌟🌟🌟

口味：咸蛋黄小龙虾披萨

• 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly
  

本期摘要

• 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 组件设计
   

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

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