跳至主要内容

Svelte 新闻:2023 年 6 月

SvelteHack 获奖者、大量新的绑定、Svelte 4.0.0-next.0 以及 SvelteKit 中的一系列新功能

欢迎大家来到 6 月,并祝贺我们 SvelteHack 各个类别中的获奖者!如果您错过了,这些获奖者已于 5 月 6 日在 Svelte Summit 上公布 🎉

峰会的完整播放列表,包括所有分解成单独视频的演讲,可以在Svelte Society YouTube 频道上找到。如果您还没有看过,请查看一下。

本月通讯有很多内容需要介绍,包括对 Svelte 和 Kit 的大量改进……

Svelte 中的新功能

Svelte 4.0.0-next.0,Svelte 4.0 的第一个预发布版本已发布!有关此版本的变化、改进和目标的说明可以在GitHub 的发布页面上找到。查看它以抢先一睹 Svelte 的未来。它还包括迁移指南,供那些对最少数量的重大更改和弃用感兴趣的人使用。

Svelte 3.59.0 也已发布,并附带大量新功能

  • 现在正确处理使用扩展运算符 (...) 重构数组 (3.59.0#8552#8554)
  • 新的 a11y-autocomplete-valid 警告现在会在 autocomplete 属性未根据 HTML 规范使用时发出警告 (3.59.0示例#8520)
  • fullscreenElementvisibilityState 绑定现在可用于 <svelte:document> 元素 (3.59.0#8507)
  • devicePixelRatio 绑定现在可用于 <svelte:window> 元素 (3.59.0#8285)
  • ResizeObserver 绑定 contentRect / contentBoxSize/borderBoxSize/devicePixelContentBoxSize 现在可以使用 bind: (3.59.0#8022)

有关 Svelte 编译器的所有更改,包括未发布的更改,请查看更改日志

SvelteKit 中的新功能

  • 路由级入口生成器允许从 +page+page.server+server 文件导出入口函数,以提供预渲染参数的可能值 (1.16.0文档#9571)
  • 现在会抓取 <meta> 标签中的 URL,使程序化社交图像更容易 (1.17.0文档#9900)
  • enhance 函数中,dataform 分别重命名为 formDataformElement。通过旧名称使用它们会记录弃用警告,并且它们将在未来的版本中删除。(1.17.0文档#9902)
  • 链接选项现在可以设置为 truefalse (1.19.0文档#10039)
  • 新的 resolvePath 导出可用于根据路由 ID 和参数构建相对路径 (1.19.0#9949)

社区展示

使用 Svelte 构建的应用和网站

  • a-maze 是一个简单的迷宫生成器(使用 DFS),尺寸在 5 个单元格到 75 个单元格之间
  • Windows 11 in Svelte 尝试在 Web 上复制 Windows 11 桌面体验
  • JsonCrunch 是一款 JSON 查看、转换和查询工具,旨在快速操作小型到中型的 JSON 数据
  • Typepost 是一个用于社交媒体的简单文本帖子生成器
  • tall.ly 是一个用于共享书签的网站(示例
  • bbchallenge 是一个协作环境,用于证明或反驳忙碌的海狸猜想
  • Reddit Map 是计算机、数据和社会科学家探索和可视化 Reddit 的一个项目
  • WeWatch 允许同步观看视频
  • Wonderplan 是一款 AI 驱动的旅行计划器,根据您的喜好定制,涵盖您旅行的方方面面
  • CodingView.io 是一款在线编码面试工具
  • MeatGPT 是一个艺术网站,会立即忽略您的提示
  • Vim Ninja 是一个在浏览器中进行交互式 Vim 课程的网站
  • prcl 是一款专注于速度和简洁性的 Pastebin 替代方案
  • md 是一个基于 Web 的 Markdown 编辑器

学习资源

Svelte 贡献者和大使

观看

阅读

库、工具和组件

  • svelte-svg-transform 是一个微型库,使您能够更轻松地在 Svelte 项目中添加 SVG 并对其进行转换
  • sirens 是 DER SPIEGEL 对乌克兰活跃的防空警报的视觉化呈现
  • Sveltronics 是 Svelte 实用程序函数的集合,用于您的项目
  • Prompta 是另一个用于与 ChatGPT(或 GPT-4)聊天的界面
  • Colibri 是一个轻量级、可定制的 Svelte 应用组件库
  • Svelte Smart Doc 是一个自然语言界面,用于搜索 Svelte Svelte 文档
  • Tailwind Elements 现在具有 Svelte 集成

感谢您的阅读!与往常一样,如果您发现我们错过了任何内容,请随时在RedditDiscord 上告知我们。

下次再见 👋