头图

美味值:🌟🌟🌟🌟🌟

口味:龙井酥

本期摘要

  • 5 月登陆浏览器的新功能
  • TypeScript 5.1
  • Rspack 0.2.0
  • Parcel v2.9.0
  • Next.js 企业级模板
  • SupportsCSS
  • useHooks

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

技术资讯

1. 5 月登陆浏览器的新功能

Firefox 113、Chrome 113、Chrome 114、Safari 16.5 发布稳定版本,我们来看下 Chrome 稳定版本中的新功能。

其中,Chrome 113 发布了 WebGPUFirst-Party Sets 将分阶段推出。对于 CSS,Chrome 113 包括 overflow-inline、overflow-block 媒体功能,还有 linear()

Chrome 114 中支持 CSS text-wrap: balanceCHIPSPopover API

2. TypeScript 5.1

TypeScript 5.1 正式发布,自 RC 版本以来的变化:

自从 RC 版本以来,对内置的重构进行了一些小改动,将声明移到现有的文件中;然而,这个实现还需要一些改进。因此,你可能无法在大多数编辑器中使用它,只能通过使用 TypeScript 的 nightly 版本来选择使用。预计在 TypeScript 5.2 或 TypeScript 5.1 的未来补丁版本中将会重新引入这个重构。

3. Rspack 0.2.0

Rspack 0.2.0 发布,新增了诸多功能,如 realContentHash、DataURI、ESM format 的支持等,同时加强了与 Webpack 的兼容性,优化了诸多细节。另外,得益于对 Webpack API 良好的兼容性,对周边生态也完成了进一步的兼容,例如,测试完成了对 vue-loader 17(对应 Vue3)和 15(对应 Vue2)版本的兼容,可以尝试在 Vue2 / 3 项目中使用 Rspack 了。

4. Parcel v2.9.0

Parcel v2.9.0 包含了许多长期被请求的特性,包括一个全新的解析器,支持 package.json 中的 "exports" 和 tsconfig.json 的特性,支持 ESM 插件和配置,以及本地 Parcel 插件。

此外,SWC 被设置为默认的 minifier、增量符号传播、改进的 bundler 数据结构提高了性能以及新的构建性能追踪特性。

下面我们来看技术资料。

技术资料

1. Next.js 企业级模板

企业级 Next.js 模板,适用于高性能、可维护的应用。它集成了诸多特性,如 Tailwind CSS、TypeScript、ESLint、Prettier、测试工具等,旨在加速你的开发进程。

2. SupportsCSS

一个在浏览器中实时检测现代 CSS 支持情况的工具。

3. useHooks

ui.dev 团队提供了一个现代的、服务器安全的 React Hooks 工具包。

其他资讯

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

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


童欧巴
2.6k 声望4.2k 粉丝