美味值：🌟🌟🌟🌟🌟

口味：茉莉花拌海蜇

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

PC 端在仓库里看体验更好，顺手赏个 Star 是对食堂最大的支持。

本期摘要

• Deno 即将迎来重大变革
• StackBlitz 2022 年 7 月更新
• Announcing Blitz 2.0 BETA
• 从 Chrome 中删除 HTTP/2 服务器推送
• Web Image 最佳实践
• Vite Rollup Plugins
• TypeScript Collections
• Code Golfing Tips & Tricks

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

技术资讯

1.Deno 即将迎来重大变革

随着 Bun 的发布，Deno 明显感受到压力，先是将 FFI 性能提升了约 200 倍。近期 Deno 官方又宣布一系列的大新闻：

• 未来三个月，Deno 支持导入 80%-90% 的 npm 包；
• 将最快的 JavaScript 运行时作为发展目标，HTTP 服务器正在重构；
• 支持企业用户：提供办公时段专属套餐；
• 提升 DX：所有第三方 Deno 代码的全文符号搜索、自动生成 JavaScript 和 TypeScript 项目的文档。

2.StackBlitz 2022 年 7 月更新

StackBlitz 2022 年 7 月更新动态汇总，包含如下几个方面，对此关注的堂友可以移步链接阅读。

• 社区的新动态；
• DX 提升和兼容性改进；
• 快餐资讯。

3.Announcing Blitz 2.0 BETA

Blitz 不再是一个一体化的框架，而是一个用于 Next.js 的全栈工具包。这意味着 Blitz 从对 Next.js 的抽象转变为模块化的工具包，支持插入任何新的或者现有的 Next.js 应用。

Blitz 2.0 包含如下六个包：

• blitz：核心包，提供实用的工具函数、插件机制和脚手架；
• @blitzjs/next：暴露特定于 Next.js 框架 functions & components；
• @blitzjs/auth：提供身份验证和授权；
• @blitzjs/rpc：Zero-API 数据层；
• @blitzjs/codemod：为升级提供的 codemod。

4.从 Chrome 中删除 HTTP/2 服务器推送

在 Chrome 106 和其他基于 Chromium 的浏览器的下一个版本中，对 HTTP/2 服务器推送的支持将被默认禁用。原因及替代方案如下：

• 实际使用中没有明显的性能提升；
• 采用 HTTP2 的站点从 1.25% 下降到 0.7%；
• 替代方案：Early Hints。

下面我们来看技术资料。

技术资料

1.Web Image 最佳实践

这个仓库收集了 Web Image 的最佳实践。

2.Vite Rollup Plugins

Vite3 中使用 Rollup 插件的兼容性列表，我猜作者 patak 一定是个贴心暖男。

3.TypeScript Collections

用 TypeScript 编写的数据结构合集，包含如图所示的数据结构。

4.Code Golfing Tips & Tricks

这篇博文整理了一系列关于 JavaScript 编码的技巧，包括如何用更少的编码实现同样的功能。在一些比赛，如 JS13KGames、js1024 中这些技巧很实用。但是在真实世界中，我们需要给可读性更多关注，毕竟代码是写给人看的。

其他信息

• redux-toolkit v1.9.0
• Valtio v1.6.4
• Zustand v4.1.0
• Jotai v1.8.0
• 新的 npm 依赖选择器语法
• Figma 7.0 design alpha

好文推荐

下面来看一下好文推荐，本周推荐的好文是：

1.闲鱼宗心：这一年，我对终端组织与技术架构的思考

2.Why React Re-Renders

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

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