前端食堂技术周刊第 58 期：TypeScript 4.9 RC、10 月登陆浏览器的新功能、100 天 CSS 挑战
前端食堂技术周刊第 58 期：TypeScript 4.9 RC、10 月登陆浏览器的新功能、100 天 CSS 挑战
这是前端食堂的第 134 篇原创
美味值：🌟🌟🌟🌟🌟
口味：青柑大红袍
- 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly[1]
本期摘要
- TypeScript 4.9 RC
- 10 月登陆浏览器的新功能
- Turbopack 真的比 Vite 快 10 倍吗？
- 在 VS Code 中使用 Git
- 100 天 Modern CSS 挑战
- Node.js 18 的新功能
大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。
技术资讯
1.TypeScript 4.9 RC[2]
自 4.9 Beta 以来的新东西：
以下内容并没有在 Beta 版本的博文中提及：
- Class 中的自动访问器 (accessor 关键字)[3]
- 性能提升[4]
以及与 VS Code 配套的功能：
- 移除未使用的导入、导入排序[5]
- return 关键字跳转到定义 (Go-to-Definition)[6]
2.10 月登陆浏览器的新功能[7]
Firefox 106、Chrome 107 和 Safari 16.1 发布稳定版，Chrome 108、Firefox 107 和 Safari 16.2 发布 Beta 测试版。
以下是各浏览器稳定版本中新增的功能：
- 更平滑的 CSS Grid 动画[8]
- getDisplayMedia() 新增功能[9]
- @supports 查询添加 font-tech() 和 font-format()[10]
- 滚动到文本片段[11]
- 支持 AVIF[12]
- 支持 Web Push[13]
3.Turbopack 真的比 Vite 快 10 倍吗？[14]
6 倍，不要四舍五入。🍉
下面我们来看技术资料。
技术资料
1.在 VS Code 中使用 Git[15]
在 VS Code 中使用 Git 的完整指南。
2.100 天 Modern CSS 挑战[16]
某种程度上来说，CSS 的发展要比 JS 快太多了。这篇博客的作者发起了对现代 CSS 的 100 天学习计划，目前已经进行到第 31 天，跟上节奏一起进化～
3.Node.js 18 的新功能[17]
- 内置 Fetch API
- 🧪
--watch支持 - 🧪OpenSSL 3 支持
- 🧪
node:test module node:前缀核心模块- 🧪Web Streams API
- 全局 API：Blob、BrodcastChannel
- V8 升级到 10.1
- 升级工具链和编译器
- HTTP 超时时间变更
- Undici 官方库
其他信息
- esbuild v0.15.13[18]
- VS Code October 2022 (version 1.73)[19]
- 思否开源的问答社区 Answer[20]
- Vuetify v3.0.0[21]
- 哈啰 Quark Design 正式开源
好文推荐
下面来看一下好文推荐，本周推荐的好文是：
好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。
你的前端食堂，吃好每一顿饭，我们下期见。
周刊一锅端
如果大家还没看过瘾，给大家推荐一下食堂技术周刊的合作伙伴，赶快把他们也抱入碗中吧～
- 前端早早聊的 18 个成长宝藏库[22]：前端早早鸟，前端早早跑
- MDH 前端周刊[23]：大厂一线 P8，Umi、Dva 等库作者
- DEX 周刊[24]：关于产品、设计、前端、软件等内容的精华资讯邮件列表
周刊赞助
整理周刊要花费大量的精力和时间，如果你想赞助食堂，可以订阅本周刊的竹白专栏付费版，食堂给你准备了专属的会员通讯，以及前端食堂数字花园知识库的访问权限。
订阅地址：https://hungryturbo.zhubai.love/
参考资料
[1]
食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly: https://github.com/Geekhyt/weekly
[2]
TypeScript 4.9 RC: https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-rc/
[3]
Class 中的自动访问器 (accessor 关键字): https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-rc/#auto-accessors-in-classes
[4]
性能提升: https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-rc/#performance-improvements
[5]
移除未使用的导入、导入排序: https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-rc/#sort-remove-import-commands
[6]
return 关键字跳转到定义 (Go-to-Definition): https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-rc/#go-to-def-return-keyword
[7]
10 月登陆浏览器的新功能: https://web.dev/web-platform-10-2022/
[8]
更平滑的 CSS Grid 动画: https://web.dev/web-platform-10-2022/#animation-of-grid-tracks
[9]
getDisplayMedia() 新增功能: https://web.dev/web-platform-10-2022/#additions-to-getdisplaymedia
[10]
@supports 查询添加 font-tech() 和 font-format(): https://web.dev/web-platform-10-2022/#testing-for-support-of-font-technology-and-features-from-css
[11]
滚动到文本片段: https://web.dev/web-platform-10-2022/#scroll-to-text-fragment
[12]
支持 AVIF: https://web.dev/web-platform-10-2022/#avif-support
[13]
支持 Web Push: https://web.dev/web-platform-10-2022/#web-push-for-safari
[14]
Turbopack 真的比 Vite 快 10 倍吗？: https://github.com/yyx990803/vite-vs-next-turbo-hmr/discussions/8
[15]
在 VS Code 中使用 Git: https://www.gitkraken.com/blog/vs-code-git
[16]
100 天 Modern CSS 挑战: https://www.matuzo.at/blog/2022/100-days-of-more-or-less-modern-css/
[17]
Node.js 18 的新功能: https://nodesource.com/blog/11-features-nodeJS-18-to-try
[18]
esbuild v0.15.13: https://github.com/evanw/esbuild/releases
[19]
VS Code October 2022 (version 1.73): https://code.visualstudio.com/updates/v1_73
[20]
思否开源的问答社区 Answer: https://answer.dev/
[21]
Vuetify v3.0.0: https://github.com/vuetifyjs/vuetify/releases/tag/v3.0.0
[22]
前端早早聊的 18 个成长宝藏库: https://mp.weixin.qq.com/s/3yLbUwqzSy2gFHXkO0PICg
[23]
MDH 前端周刊: https://mp.weixin.qq.com/s/NGux3r0P1JJH_z4-vfeksQ
[24]
DEX 周刊: https://newsletter.dex.group/
公众号：前端食堂
知乎：童欧巴
掘金：童欧巴
这是一个终身学习的男人，他在坚持自己热爱的事情，欢迎你加入前端食堂，和这个男人一起开心的“变胖”～