前端食堂技术周刊第 63 期:Vite 4.0、State of CSS 2022、Rome v11、Web 性能日历、VueConf 2022 PPT

27,162 阅读3分钟

美味值:🌟🌟🌟🌟🌟

口味:霜糖山楂

本期摘要

  • Vite 4.0
  • State of CSS 2022 调查结果
  • Rome v11
  • HTMHell Advent Calendar 2022
  • Web 性能日历
  • VueConf 2022 PPT
  • 用于安全发布和安全消费的新 npm 功能

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

技术资讯

1. Vite 4.0

  • 升级 Rollup 3
  • 新增 @vitejs/plugin-react-swc,在构建时使用 esbuild,开发时用 SWC 替换 Babel
  • 现代浏览器的构建目标默认为 safari14
  • 升级 dotenv 16、dotenv-expand 9
  • CLI 快捷键
  • 预构建支持 patch-package
  • 优化构建日志输出,单位切换到 kB
  • 改进 SSR 期间的错误信息
  • 与 Vite 3.2.5 相比,Vite 4 的安装包大小减少了 23%
  • plugin 包移出 core 仓库

2. State of CSS 2022 调查结果

下面是 Lea Verou 的一些总结,关于特性、框架、CSS in JS 等部分的具体内容大家可以移步去看报告。

  • Interop 2022 将浏览器组织到一起,将“不可能”变为了“正在发生”,比如父选择器(:has())和容器查询(@container)(多年来受到性能的影响一直未实现,如今变为可能)。
  • Subgrid 也在积极被实施和支持
  • 2023 预测:原生支持嵌套、颜色处理相关(color(), lab(), lch(), oklab(), oklch()、color-mix())

3. Rome v11

  • 支持 TS 4.9 satisfies
  • 支持分号可选配置
  • 引入 4 个新的 Lint 规则,并将规则分为三组:性能(performance)、正确(correctness)、可疑(suspicious)
  • 更改抑制 Lint 的注释写法,并试验性支持(自动导入抑制 Lint 注释)Suppression Code Action 、导入排序(Import Sorting)

下面我们来看技术资料。

技术资料

1. HTMHell Advent Calendar 2022

HTMHell 降临节日历再度来袭,从 12 月 1 日到 12 月 24 日,每天更新一篇新的文章。作者来自世界各地,内容关于可访问性、性能和安全性等。

2. Web 性能日历

去年的 12 月也推荐过这个 Web 性能日历,2022 年也可以开始追更啦。

3. VueConf 2022 PPT

PPT 合辑出炉,回放也都能看了。

4. 用于安全发布和安全消费的新 npm 功能

更细粒度的访问令牌、2FA 功能增强,进一步提升安全性。Code explorer 付费功能免费开放,可以在 npm 门户站点查看包内容。

好文推荐

下面来看一下好文推荐,本周推荐的好文是:

  1. 哔哩哔哩 Web 首页重构——回首2021

  2. 西瓜业务是如何从 0-1 建设 SEO 的

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

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

❤️爱心三连击

1.如果你觉得食堂酒菜还合胃口,就点个赞支持下吧,你的是我最大的动力。

2.关注公众号前端食堂吃好每一顿饭!

3.点赞、评论、转发 === 催更!

透明footer.png