Skip to main content

Svelte 的最新动态：2024 年 7 月

svelte/events，更简单的元素和更多可选选项

Dani Sandoval

本月，Svelte 5 候选版本带来了一系列新功能，Rich Harris 在 Prismic 的 CEO 面前 讲解了 Svelte 如何优化用户体验，而 Geoff Rich 在 CascadiaJS 2024 分享了更多关于这一哲学的内容。

让我们一探究竟吧！

Svelte 的最新动态

以下是 Svelte 5 发布公告的亮点（现已推出 候选版本）：

  • 现在可以使用更简洁的方式在符文模式中声明 props，如 let props = $props() (5.0.0-next.167, #12201)
  • 新增的 svelte/events 中的 on 导入功能，可以在更多情况下保留事件处理程序的调用顺序 (5.0.0-next.152, 文档, #11912)
  • Component 类型现在能够表示 Svelte 组件的新形态 (5.0.0-next.143, #11775)
  • <svelte:document> 新增了 activeElement 和 pointerLockElement 绑定 (5.0.0-next.150, #11879)
  • <svelte:element>、CSS 自定义属性包装器和字符串标准化均已被简化并提升了性能 (5.0.0-next.152, #11773, #11948, #11954, #11792, #11949)
  • 如果不需要任何属性，render、mount 和 hydrate 选项现在确实可以省略 (5.0.0-next.163, 文档, #12111)

SvelteKit 的最新动态

本月，对 Node 和 Cloudflare 的适配器进行了几项升级：

  • BODY_SIZE_LIMIT 环境变量为 adapter-node 添加了单位后缀支持，使得编写和理解大字节值变得更容易 (adapter-node@5.2.0, 文档, #11680)
  • 在 HTTP 服务器关闭所有连接后，Node 服务器可以监听到 sveltekit:shutdown 事件（取代了更突兀的 exit） (adapter-node@5.1.0, 文档, #12153)
  • 当 _routes.json 文件存在且 svelte.config 中没有配置路由时，Cloudflare 适配器现在才会抛出错误 (adapter-cloudflare@4.5.0, #12360)

社区展示

使用 Svelte 构建的应用和网站

  • Shootmail 是一个电子邮件模板和内容创作工具
  • wplatest 自动为多个网站更新 WordPress 插件
  • Svelte-MiniApps 是一系列基于 SvelteKit 构建的轻量化、用户友好的工具集合
  • Interior Render AI 使用 AI 在几秒钟内重新设计你的室内空间

学习资源

由 Svelte 贡献者和大使呈现

推荐阅读

推荐观看

库、工具和组件

  • svelte5-commenter 是一个用于展示常见评论区的组件
  • SSC （极速 Svelte 编译器）是一个由 Rust 编写的超快速 Svelte 编译器

本月的内容就是这些！如果有什么遗漏之处，请在 Reddit 或 Discord 上告诉我们。

下个月见 👋