问题标签 [svelte-3]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
147 浏览

scroll - goto 功能与 sapper-noscroll

goto()功能滚动到页面顶部。即使是同一页。这与使用事物/功能<a>解决的标签的行为相同。sapper-noscroll无论如何对goto()功能做同样的事情?

0 投票
3 回答
5299 浏览

events - 如何在 Svelte 中安装组件之前获取数据?

与SvelteJSonMount中没有beforeMount生命周期事件不同。那么,我们如何在挂载之前获取页面所依赖的数据呢?onMountfetches 产生故障。可以说我可以将依赖 DOM 包装在 if 条件中。但我认为这不是正确的解决方案。与 Sapper 非常相似,有一个preload功能可以在挂载之前加载页面相关数据。SvelteJS中这种(Sapper 的preload)行为的替代方法是什么?

0 投票
3 回答
1446 浏览

javascript - 苗条的头衔后缀

我想- mywebsite在每个 Svelte 页面上添加一个标题后缀。

我正在努力寻找如何轻松简单地做到这一点。

在 svelte 网站源代码上,我们可以看到他们手动执行此操作:https ://github.com/sveltejs/svelte/blob/1273f978084aaf4d7c697b2fb456314839c3c90d/site/src/routes/docs/index.svelte#L15

我开始创建这样的组件:

但:

  • 我有一个<title> can only contain text and {tags}svelte(illegal-structure)错误
  • 我不确定这是最简单的方法。

如何实现我想做的事情?

0 投票
1 回答
1705 浏览

svelte - 如何在 svelte 中使用自定义存储方法?

我正在制作一个模式,其属性存储在商店中。而不是像这样打开它,从一个元素:on:click={() => $modal.isOpen = true}

我想这样打开它: on:click={() => $modal.toggle()}从一个元素。

这是我的代码:

当我登录modal时,它只记录set, subscribe, update方法。然后当我再次单击时,这些方法消失了:它正确地覆盖了它们,似乎我永远无法获得模态的初始化状态。我尝试使用this或 参数 ( (a, b) =>) 访问当前对象,但均未返回任何内容。

0 投票
2 回答
2574 浏览

ionic-framework - 如何使用 Ionic 设置 Svelte.js?

我正在尝试使用 Svelte.js 和 Ionic v4 构建移动应用程序。

1)我得到了苗条的模板。

2) 使用 npm install @ionic/core@latest --save 安装 ionic。

3) 安装 postcss 并在 global.css 中导入 @ionic css

Rollup 正在提取 @ionic css,但它的执行方式似乎有问题。离子成分是可访问的,但我什么也看不见。css 未正确应用。

有没有人设法让 Svelte 与 Ionic v4 一起工作?或者至少,带有一些香草js的Ionic?

0 投票
1 回答
1097 浏览

javascript - Sapper中的Axios请求两次?

axios用来在内外发送请求preload。但我不明白由于某种原因我的后端抱怨必须提供 JWT。我将相同的后端与另一个前端(Svelte 仅与 Axios)一起使用,并且没有抱怨。但是在 Sapper 中,当我使用带有凭据的 axios 请求时(是的)。我得到 jwt 必须提供。

当我在后端记录请求 URL 时,我知道 Sapper 向后端发送了两次请求 URL,一个带有凭证,另一个没有凭证,这导致必须提供 JWT。我很确定带有凭据的请求来自 axios,但没有凭据的请求来自魔术。这种魔法发生在哪里?为什么?

0 投票
1 回答
201 浏览

javascript - 没有 context=module 脚本标签的预加载函数

因为我不喜欢单个 JS 中的两个脚本标签。我preload()<script>没有context=module. 它工作正常。我想知道随之而来的错误。

0 投票
3 回答
272 浏览

javascript - 在苗条商店中保存窗口绑定

嗨,互联网上的好人,

我为用户的滚动位置创建了一个侦听器: <svelte:window bind:scrollY={y} /> 我想将此变量保存在商店中,以使其在整个网站上都可以访问。但为此,我需要一个二传手。有没有一种好的高性能方法来做到这一点?

我试过这个,但它不起作用:

0 投票
2 回答
2315 浏览

javascript - 如何在 Sapper 中离开父布局?

目前,我正在开发一个项目,该项目Menu在除两个页面之外的所有页面上共享一个组件。_layout.svelte我在根文件中添加了菜单组件。现在因为不需要Menu组件的两个页面是嵌套路由。由于Menu它们是子路线,因此它们出现在它们内部。他们被设计成这样。但我认为应该有一些方法可以选择退出/离开父布局。否则我将不得不删除_layout.svelte根文件并将Menu组件添加到每条路线,这对 DRY 来说太过分了。有没有办法让父母留_layout.svelte在 Sapper?

0 投票
1 回答
226 浏览

javascript - 与 inferno 相比,Svelte 的“评估脚本”时间似乎更长,preact

我正在尝试为我的项目选择一个提供数据绑定和 DOM 管理功能的库。比较多个库,我最终选择了Inferno 和 Svelte

我注意到Svelte的评估脚本时间高于其他库(请参阅附图) 在此处输入图像描述

在示例中,我渲染了一个 100 x 15 的表格(总共 1500 个单元格)。虽然渲染时间减少了几毫秒,但 inferno 的脚本执行时间是它的一半。在此处输入图像描述

时间随着元素的数量急剧增加,例如。对于 15000 个细胞的苗条脚本评估时间是 2000 毫秒,而 inferno 需要 680 毫秒。

苗条的代码:

地狱示例代码:

为什么 Svelte 的脚本评估时间很长?