前端食堂技术周刊第 62 期:11 月登陆浏览器的新特性、VueConf 2022、第 93 次 TC39 会议、TS 挑战

美味值:

口味:咸蛋黄小龙虾披萨

  • 食堂技术周刊仓库地址: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 组件设计

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

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

你可能感兴趣的:(前端,javascript,chrome)