前端食堂技术周刊第 49 期:Deno即将迎来重大变革、Blitz 2.0 Beta、Chrome删除HTTP/2服务端推送

美味值:

口味:茉莉花拌海蜇

  • 食堂技术周刊仓库地址: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 项目的文档。

前端食堂技术周刊第 49 期:Deno即将迎来重大变革、Blitz 2.0 Beta、Chrome删除HTTP/2服务端推送_第1张图片

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 的最佳实践。

前端食堂技术周刊第 49 期:Deno即将迎来重大变革、Blitz 2.0 Beta、Chrome删除HTTP/2服务端推送_第2张图片

2.Vite Rollup Plugins

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

前端食堂技术周刊第 49 期:Deno即将迎来重大变革、Blitz 2.0 Beta、Chrome删除HTTP/2服务端推送_第3张图片

3.TypeScript Collections

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

前端食堂技术周刊第 49 期:Deno即将迎来重大变革、Blitz 2.0 Beta、Chrome删除HTTP/2服务端推送_第4张图片

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

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

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

你可能感兴趣的:(前端,chrome,http)