美味值:
口味:茉莉花拌海蜇
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
好文推荐
下面来看一下好文推荐,本周推荐的好文是:
好了,以上就是本期的食堂周刊,观众老爷们如果觉得还不错,一键三连是对食堂老板最大的支持。
你的前端食堂,吃好每一顿饭,我们下期见。