甘旨值：
口味：茉莉乌龙
- 食堂技能周刊库房地址：https://github.com/Geekhyt/weekly
本期摘要
- TypeScript 4.9
- Ant Design 5.0
- 用 vanilla-extract 编写高性能的 CSS
- 4 个必要的可拜访性测验
- Node.js 安全最佳实践
- TypeScript 的类型体系中的汇编解说器
大家好，我是童欧巴。欢迎来到本期的前端食堂技能周刊，咱们先来看下上周的技能资讯。
技能资讯
1.TypeScript 4.9
自 RC 版本发布以来，TypeScript 4.9 正式版没有作出任何更改。假如之前的每期周刊你都在追更的话，想必对 TypeScript 4.9 的新特性早已经纯熟于心了，satisfies 真香。
2.Ant Design 5.0
设计晋级
- 增加了 4 类新组件和 4+ 变体组件；
- 组件默许款式全面晋级。
全新 Design Token 模型
- 改造一切 Token，使其根据 Seed + Algorithm 能够派生出一切的 Design Token；
- 支撑多算法 Pipeline。
CSS-in-JS 动态主题
- 为了下降保护本钱，选择了 CSS-in-JS 计划，此计划不需求保护中心变量，但是有更多的运行时消耗。但是为了不损害用户体会，研发了针对组件等级的 CSS-in-JS 库 @ant-design/cssinjs，经过牺牲动态性来获取更高的缓存功率，从而削减运行时的性能损耗；
- 新的 CSS-in-JS 计划原生支撑 Tree Shaking，在 v5 你不在需求使用 babel-plugin-import 去除未使用到的款式。新的计划将自动按需加载款式。
兼容性调整
- Ant Design v5 兼容性调整从 IE 11 提升至 Edge，其余现代浏览器不变；
- 默许 Day.js 代替 Moment.js；
- API 非 Break 调整、组件移除(移除 Comment、PageHeader，BackTop 将会成为 FloatButton 子组件)。
关于晋级指南、未来规划等其他详细内容请移步发布公告阅览。
下面咱们来看技能资料。
技能资料
1.用 vanilla-extract 编写高性能的 CSS
一篇 vanilla-extract 入门指南的长文。
2.4 个必要的可拜访性测验
文章中提出的测验包含颜色对比度、互动元素颜色对比、键盘互动以及焦点的可拜访性。
3.Node.js 安全最佳实践
Node.js 官方团队发布的一篇关于安全最佳实践的博文。
4.TypeScript 的类型体系中的汇编解说器
继续整活儿，TypeScript 的类型体系是“万能的”。
其他信息
- Deno 1.28
- Nuxt 3.0 stable
- dumi 2.0
- Node v19.1.0 (Current)
好文引荐
下面来看一下好文引荐，本周引荐的好文是：
-
根据 Sentry 高效管理前端异常
-
React 中的从头烘托
好了，以上就是本期的食堂周刊，观众老爷们假如觉得还不错，一键三连是对食堂老板最大的支撑。
你的前端食堂，吃好每一顿饭，咱们下期见。
❤️爱心三连击
1.假如你觉得食堂酒菜还合胃口，就点个赞支撑下吧，你的赞是我最大的动力。
2.重视公众号前端食堂，吃好每一顿饭！
3.点赞、谈论、转发 === 催更！
