SuperAPI AI 工具集

svelte-reference

前端与建站

查看项目

更新于 10-16 08:47

技能介绍

用途:本技能是 Svelte 5 官方模块 API 的快速参考,供在查阅 svelte/store、svelte/action、svelte/transition、svelte/animate、svelte/easing、svelte/events、svelte/compiler 等模块的 API 签名、指令用法及编译器/运行时错误代码时使用。

主要能力:覆盖 store(writable、readable、derived、readonly、get 及 Store Contract)、use: action(生命周期、参数、类型 Action<Node, Parameter, Events>)、transition 与 in:/out: 指令(fade、fly、slide、scale、blur、draw、crossfade,参数 css/tick、|global、过渡事件)、animate:flip 与自定义动画函数、easing 缓动函数、svelte/events 的 on、svelte/reactivity、compiler compile 配置与输出,以及常见错误(2304、2322、2554、2451、7006)和运行时警告说明。

使用方式:作为参考按需查阅对应模块 API;技能内含 examples/ 与 references/ 目录文件(如 examples/transition.md、references/store-reference.md)为完整文档入口。代码示例保持原样,例如 import { writable, readable, derived, readonly, get } from 'svelte/store';。

限制与注意事项:css 与 tick 互斥;in:/out: 不可逆,中断时 intro 被放弃、outro 从 t=0 重启;animate: 必须位于 keyed each 的直接子元素且不响应 add/remove;flip 需稳定唯一 key;get(store) 创建临时订阅,不宜在热路径频繁调用;use:action 参数变化不会重新调用,需在 action 内用 $effect 响应。Svelte 5.29 起建议以 {@attach ...} 替代 action。其余未在资料中说明的内容暂未提供。