跳至主要内容

Svelte 9 月更新

SvelteKit 的重定向新增参数和 onNavigate 生命周期函数

Dani Sandoval

各位九月快乐！随着Svelte 5 预览版的一些信息的发布，我们认为回顾上个月发布的内容以及社区使用 Svelte 构建的内容将是最好的选择。

在我们开始之前，热烈欢迎新的 Svelte 大使：@cainux 和 @grischaerbe！欢迎加入团队 ⛴️

Svelte 及语言工具的新增内容

  • svelteHTML 已从语言工具移至 Svelte 核心，以便 svelte/element 类型能够正确加载（Svelte 版本 4.2.0，语言工具版本 107.10.0）

SvelteKit 的新增内容

  • redirect 函数现在接受 URL 作为参数（1.23.0 版本，文档，#10570）
  • 拼写错误的路由文件名现在会发出警告（1.23.0 版本，#10558）
  • 新的 onNavigate 生命周期函数支持视图过渡 - 请查看博客文章以了解更多信息（1.24.0 版本，文档，#9605）

但这仅仅是新功能！有关本月的所有补丁和性能更新，请查看SvelteKit 的变更日志。您还可以在每个适配器目录中找到特定于适配器的变更日志。

社区展示

使用 Svelte 构建的应用和网站

  • Planet Of The Bugs 允许开发者通过接触 Github 上来自热门开源项目的无限量独特、精心挑选的问题和 Bug 来练习和磨练他们的技能。
  • 扫雷游戏 是一款使用 SvelteKit、Capacitor、TailwindCSS 和 DaisyUI 构建的 Android 游戏（可在Google Play 商店中查看）
  • Pendor 是一个用于 Svelte 的 AI 组件生成器。
  • Avatars Pro 是一个为网页制作的社交证明小部件。
  • Pomodoro Focus 是一款番茄工作法计时器浏览器扩展。
  • memegen 是一款 Firefox 网页扩展，允许用户使用各种模板生成表情包。
  • Resgen 是一款 Chrome 扩展，可以根据职位描述和您的经验定制简历。
  • Icono Search 是一款 AI 驱动的视频搜索引擎。
  • digital-paper 是一款没有后退或撤销功能的写作应用。
  • Ubuntu 22.04 in Svelte 旨在在网页上复制 Ubuntu 22.04 桌面体验。
  • My Queue 通过将书面文章转换为音频故事来创建播放列表。

学习资源

来自 Svelte 贡献者和大使

待观看

待阅读

库、工具和组件

  • Carta 是一款基于 Marked 的轻量级、快速且可扩展的 Svelte Markdown 编辑器和查看器。
  • Threlte，基于 Svelte 和 Three.js 构建的 3D 框架，已发布 6.0 版本。
  • vite-plugin-web-extension 与 Svelte 配合使用效果极佳，可以简化浏览器扩展的构建过程。
  • Salvia-kit Svelte 仪表盘 包含 10 个免费的 SvelteKit 仪表盘模板。
  • drab 是一个无样式的 Svelte 组件库。
  • svelte-img-previewer 是一个用于在 Svelte 中显示来自输入文件类型的图像的工具。
  • sveltekit-search-params 自称为在 SvelteKit 中读取和写入查询搜索参数的最快方法。

以上就是本月的更新！如果您发现我们遗漏了任何内容，请在Reddit 或Discord 上告诉我们。

期待下个月再见 👋