小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI
crates.io:帮助测试我们的新网页前端

我们正在将 crates.io 前端从 Ember.js 移植到 Svelte 5,新的 Svelte 应用已公开测试。该应用与 Ember.js 应用保持一致,欢迎用户反馈差异。两个应用共享会话状态和数据,用户可无缝使用。若测试顺利,Svelte 应用将在未来几周内成为默认版本。

crates.io:帮助测试我们的新网页前端

Inside Rust Blog
Inside Rust Blog · 2026-04-17T00:00:00Z
Storybook发布Storybook v9,增强测试支持

Storybook 9正式发布,新增“一键测试”功能,支持交互、可访问性和视觉测试,并集成Vitest。同时增加了对Svelte 5和React Native的支持,优化了依赖结构,提升了性能。

Storybook发布Storybook v9,增强测试支持

InfoQ
InfoQ · 2025-07-10T19:00:00Z
第8天 - Vue 3、Svelte 5 和 Angular 中的属性绑定

第8天的示例展示了Vue 3、Svelte 5和Angular中的属性绑定用法,确保输入长度小于5时保存按钮被禁用,以保证用户输入有效内容。

第8天 - Vue 3、Svelte 5 和 Angular 中的属性绑定

DEV Community
DEV Community · 2025-05-24T08:07:50Z
第三天 - 在模板中使用表达式

本文介绍了如何在Vue 3、Svelte 5和Angular中创建和显示购物清单应用的标题。每种框架采用不同的语法实现响应式状态,最终在模板中正确显示标题。

第三天 - 在模板中使用表达式

DEV Community
DEV Community · 2025-05-19T17:16:33Z
🎨 构建Avatarify AI:一键生成惊艳AI头像的解决方案

Avatarify AI是一个开源SaaS项目,用户上传自拍即可生成AI头像,支持多种艺术风格和自定义提示,每天可免费生成一个头像。项目基于Svelte 5构建,未来计划增加视频生成等功能,欢迎社区贡献。

🎨 构建Avatarify AI:一键生成惊艳AI头像的解决方案

DEV Community
DEV Community · 2025-03-25T14:33:23Z

svelte5被认为是svelte的一个糟糕版本,尽管引入了基于proxy的反应式状态系统runnes,但在实际项目中遇到许多问题。使用runnes编写hooks时必须在特定文件中进行,增加了代码复杂性。此外,svelte5的生态系统较小,缺乏必要的组件支持,导致开发者感到困扰。总体来看,svelte5并未显著改善用户体验。

svelte5:一个更糟糕的 vue3

rxliuli blog
rxliuli blog · 2025-03-04T14:05:03Z
在SvelteKit中共享自定义Rune类

在Svelte 5 Runes中,可以通过自定义类添加功能并共享。示例中定义了一个计数器类,利用SvelteKit的上下文在父子组件间安全共享。

在SvelteKit中共享自定义Rune类

DEV Community
DEV Community · 2025-02-26T01:14:54Z
在 Bun 1.2 上使用 Svelte 5:入门指南

Svelte 5 引入了新的反应式方法“Rune”,取代了 $:,提升了灵活性和性能。迁移项目时需遵循简单步骤,使用 Bun 创建和运行 SvelteKit 应用,支持自定义组件和样式,旨在提高开发效率和可维护性。

在 Bun 1.2 上使用 Svelte 5:入门指南

DEV Community
DEV Community · 2025-02-12T13:32:22Z
在Bun 1.2上使用Svelte 5:快速入门

Svelte 5更新引入了“符文”系统,取代了$:,提升了反应性和性能。尽管从Svelte 4迁移需经过一些步骤,但开发者能够构建更高效、可维护的应用。可通过简单命令快速启动Svelte 5项目,支持自定义组件和布局。

在Bun 1.2上使用Svelte 5:快速入门

DEV Community
DEV Community · 2025-02-08T23:08:30Z
Svelte 5与框架的未来:与Rich Harris的对话

Svelte 5于今年发布,标志着框架的成熟。创始人Rich Harris指出,Svelte旨在简化开发者的上手过程,关注软件质量。尽管面临挑战,Svelte 5反响良好,未来将致力于提升Web生态系统和应用开发质量。

Svelte 5与框架的未来:与Rich Harris的对话

Articles on Smashing Magazine — For Web Designers And Developers
Articles on Smashing Magazine — For Web Designers And Developers · 2025-01-28T15:00:00Z
Svelte 5 中的连接游戏

Svelte 5 的符文表现非常出色。

Svelte 5 中的连接游戏

DEV Community
DEV Community · 2025-01-21T13:57:31Z
Svelte 5:组件间共享状态(小白指南)

在Svelte 5中,使用$state时应避免直接使用字符串,建议将字符串包装在对象中以保持响应性。可以利用SvelteSet、SvelteMap等高级数据类型,并通过$derived监测状态变化。使用bind:value可简化输入处理和状态更新。

Svelte 5:组件间共享状态(小白指南)

DEV Community
DEV Community · 2025-01-02T12:26:10Z
从 Svelte 4 到 Svelte 5:理解插槽(默认插槽和命名插槽)

Svelte 5 引入了许多变化,特别是在插槽的使用上。与 Svelte 4 相比,默认插槽和命名插槽的语法变更为 @render 和 #snippet,并支持根据插槽存在与否进行条件渲染。作者将继续记录学习过程,并询问读者对 Svelte 5 的看法。

从 Svelte 4 到 Svelte 5:理解插槽(默认插槽和命名插槽)

DEV Community
DEV Community · 2024-12-26T14:07:57Z
作为独立开发者构建 TypeScript 视频编辑器

作者在经历四年的SaaS开发后,重建了一个简单的视频编辑器,使用Svelte 5和Pixi.js等技术。该编辑器通过同步视频和音频元素、处理文本渲染等功能,解决了多个技术挑战。尽管存在性能问题,作者仍在持续优化,期待投入生产。

作为独立开发者构建 TypeScript 视频编辑器

DEV Community
DEV Community · 2024-11-04T23:23:07Z
Svelte 5迁移的经验与注意事项

在迁移到Svelte 5的过程中,我遇到了一些挑战。虽然自动迁移脚本方便,但不推荐使用,因为$effect()仅在客户端运行,可能影响SSR和SEO。建议使用$derived()替代。此外,Svelte 5在变量一致性和样式处理上有所改进。手动迁移后,性能恢复良好,希望我的经验能对他人有所帮助。

Svelte 5迁移的经验与注意事项

DEV Community
DEV Community · 2024-11-03T10:39:27Z

Svelte 5经过18个月开发发布,体积小且高效,支持更一致的代码书写。新版本引入runas机制,简化响应式状态管理,提升性能和可扩展性,同时新语法改善编程体验,兼容Svelte 4,便于升级。

今年最火开源前端框架——Svelte 5正式发布稳定版、彻底重写、新增$语法 、star数近8万...

dotNET跨平台
dotNET跨平台 · 2024-10-23T23:56:26Z
Svelte 5 新特性

Svelte 5 引入了符文、可重用代码片段和编译器改进,提升了反应性和状态管理。新符文如 $state 和 $derived 简化了状态管理,支持 TypeScript,优化了性能,使前端开发更灵活高效,适用于各种 JavaScript 项目。

Svelte 5 新特性

Vercel News
Vercel News · 2024-10-23T13:00:00Z

文章涵盖多个技术话题,包括组织中的责任黑洞现象、Svelte 5 的发布、LG 显示器的隐私问题,以及降低 AI 算法功耗的新方法。Syncthing 安卓应用因维护困难将停止更新,互联网档案馆遭遇数据泄露,QUIC 协议在高速互联网上表现不佳,PostgreSQL 的 MVCC 机制存在问题,以及分布式系统的设计挑战。文章强调了隐私、安全和效率的重要性。

2024 10 21 HackerNews

介绍 on SuperTechFans
介绍 on SuperTechFans · 2024-10-21T00:12:08Z

本文介绍了Svelte5中的符文(runes)的设计和使用。作者起初对这种设计持有负面态度,但经过学习和研究后,理解了符文的作用和设计原因。符文是一种响应式变量,用于监听和观察状态的变化。Svelte5引入了4种符文:$props()、$state()、$derived()和$effect()。它们分别用于声明组件的属性、定义状态、派生变量和处理副作用。符文的引入改变了代码的风格,但是对于喜欢这种改变的人来说,它们非常有用。

Svelte5 中的符文

王福强
王福强 · 2023-11-17T16:00:00Z
  • <<
  • <
  • 1 (current)
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
友情链接: MOGE.AI 九胧科技 模力方舟 Gitee AI 菜鸟教程 Remio.AI DeekSeek连连 53AI 神龙海外代理IP IPIPGO全球代理IP 东波哥的博客 匡优考试在线考试系统 开源服务指南 蓝莺IM Solo 独立开发者社区 AI酷站导航 极客Fun 我爱水煮鱼 周报生成器 He3.app 简单简历 白鲸出海 T沙龙 职友集 TechParty 蟒周刊 Best AI Music Generator

小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码