我正在尝试使用 svelte 打包库创建一个 Svelte 组件包(您可以使用 npm create svelte@latest 并选择 svelte 库进行设置。然后我在
我正在尝试制作一个 Svelte 应用程序,其中我有一个类(不是 Svelte 组件)来创建音频源并管理它。 我想跨多个组件获取此类实例。 现在...
我正在尝试在 svelte 中创建一个 cookie(我也在使用 svelte 套件)并访问它。我想使用 cookie 进行身份验证,更具体地说,是存储 JWT 令牌。 我已经试过了
我正在使用 Svelte,并尝试将滚动位置保持在单个页面上,例如当用户导航到另一个页面然后导航回(通过浏览器或导航栏返回)页面时...
为什么我无法使用 use:action Svelte 添加/删除主体类
我有这个功能 const bodyClass = (节点) => { if (open && !node.classList.contains("is-search-show")) { node.classList.add("is-search-show&quo...
在组件中添加传单的map.on('click', ...)会导致参数列表后出现语法错误:缺少 )
我在使用Leaflet和Svelte时遇到了一些奇怪的错误,我不确定这是否是我的错误。 我有一个封装我的 Leaflet 地图的组件,位于 Svelte 的 $lib 目录中。随时...
我正在尝试测量组件的高度,但始终未定义。如果我在组件周围放置一个 html 容器,它会起作用,但这对我来说似乎不是正确的解决方案。 这是我的
Svelte slot 的功能是否像 vanilla-js/dom 一样(我似乎无法让它工作)。 在 html/js 中我可以这样做: 身体{颜色:红色;} /* 从外部设置暴露部分的样式 */ ...</desc> <question vote="0"> <p>Svelte <pre><code>slot</code></pre>的功能是否像 vanilla-js/dom 一样(我似乎无法让它工作)。</p> <p>在 html/js 中我可以做:</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><style> body {color: red;} /* style exposed part from outside */ my-element::part(header) {color: green;} </style> <h1>Hello World</h1> <my-element> <div slot="header"><strong>Header</strong></div> <div slot="body">Body</div> </my-element> <script> customElements.define('my-element', class extends HTMLElement { constructor() { super(); const shadowRoot = this.attachShadow({mode: 'open'}); shadowRoot.innerHTML = ` <style> .container { border: solid 1px blue; padding: 5px; position: relative; &:after { content: "my-element"; display: block; position: absolute; bottom: -.5em; right: 5px; border: inherit; background-color: white; padding: inherit; } } /* style inserted/slotted part from inside */ [part="body"] ::slotted(div) { background-color: lightyellow; } </style> <div class="container"> <header part="header"><slot name="header"></slot></header> <hr> <div part="body"><slot name="body"></slot></div> </div> `; } }); </script></code></pre> </div> </div> <p></p> <p>其中 <pre><code>h1</code></pre> 的全局样式为红色,标有 <pre><code>part="header"</code></pre> 的元素从外部设置为绿色,插入 <pre><code>slot="body"</code></pre> 的内容从内部(shadow dom)设置为绿色有浅黄色背景。</p> <p>我不知道如何在 svelte 中执行任何这种(受控)跨界样式? (例如,当使用 <pre><code>AppShell::part(content)</code></pre> 时,我收到错误:</p> <pre><code>[plugin:vite-plugin-svelte] C:/srv/svelte/yoda5/src/routes/+layout.svelte:23:18 Expected a valid CSS identifier C:/srv/svelte/yoda5/src/routes/+layout.svelte:23:18 21 | 22 | <style> 23 | AppShell::part(content) { | ^ </code></pre> </question> <answer tick="false" vote="0"> <p>这里有关于<a href="https://learn.svelte.dev/tutorial/slots" rel="nofollow noreferrer">老虎机的课程</a>。最好参考该工具的文档。 Svelte 的学习网站非常棒。</p> <pre><code>// Slotted component, say Test.svelte. <div class="private-parent"> <slot /> </div> <style> div.private-parent { color: blue; } </style> </code></pre> <p>然后,您使用该组件:</p> <pre><code><script> import Test from './Test.svelte'; </script> <Test> <!-- This is the slot's content --> <p class="outside-style">Hello!</p> </Test> <style> p.outside-style { color: darkred; } </style> </code></pre> </answer> </body></html>
我有以下奇怪的情况:我正在使用 Vite 和 svelte-ts 模板设置开发一个网络应用程序。在此应用程序中,我必须为基于 WebXR 的增强现实使用不同的库,这样您就可以
如何在页面加载时为 Svelte 组件设置动画而不导致布局移位
问题 我想在加载 SvelteKit 应用程序的登陆页面后对标题进行动画处理,导致标题的每个字母稍微出现在另一个之后,但我所提供的所有解决方案...
当尝试运行yarn install时,我得到: [1/5] 验证 package.json... [2/5] 正在解析包... [3/5] 正在获取包裹... 错误错误:http://------------.int:8080/tfs/-------/_packagin...
定义一个索引,每次在r数据表中的某一列中找到相同值时该索引增加
我有一个如下所示的data.table: 例子 <- data.table(time = 1:30, A = c(rep("a", 5), rep("b", 5), rep("a", 5), r...
Entity Framework .NET 8 将数据保存为 JSON 对象
我想像这样在SQL Server中保存数据: 准备 : [ "访问前查看客户数据": "5", “setSmartObjectivesForVisit”:“5”,...
JSF java.lang.IllegalArgumentException:无法将 5 类型的 class java.lang.Integer 转换为 class
我收到转换器的新错误 javax.faces.component.UpdateModelException:java.lang.IllegalArgumentException:无法将 5 类型类 java.lang.Integer 转换为类 com.jpa.entity.Groups 在
部署过程中出现以下错误: 5:30:38 PM:[nodemon] 启动 `node server.js` 5:30:39 PM:服务器监听 http://localhost:3000 5:30:39 PM:/opt/build/repo/node_modules/mongodb...
如何扩大pandas数据框中值之间的距离? A 1 3 2 5 3 6 5 5 6 9 我想将相邻元素之间的距离增加x倍,例如两倍。 预期输出: ...
为什么 svelte 派生存储总是在 get() 上重新创建?
现在我想这更针对 Svelte 作者,但我最近才完全意识到派生商店是在获取时不断重新创建的。 例子 导入{导出、获取、写入...</desc> <question vote="0"> <p>现在我想这更针对 Svelte 作者,但我最近才完全意识到派生商店会在 <pre><code>get</code></pre> 上不断重新创建。</p> <p><a href="https://svelte.dev/repl/142e6716b65647f69f660613b39d0386?version=4.2.12" rel="nofollow noreferrer">示例</a></p> <pre><code><script> import { derived, get, writable } from 'svelte/store' const store = writable(0) const derivedA = derived(store, s => { console.log('derivedA recreated!') return { name: 'A', s } }) const derivedB = derived(derivedA, d => { console.log('derivedB recreated!') return { name: 'B', s: d.s } }) function getB() { console.log(get(derivedB)) } </script> <section class="mx-4 md:mx-0"> <button on:click={getB}>GetB</button> </section> </code></pre> <p>我认为它们只会在输入发生变化时才会重新创建 - 而不是每次调用 <pre><code>get</code></pre> 时都会重新创建。特别奇怪的是,如果派生存储被链接,则整个树都会被遍历。我假设 <pre><code>get</code></pre> 返回了对值的引用,当然,如果你那么愚蠢,你可能会变异并导致各种错误。</p> <p>我确实知道派生存储应该始终为相同的输入返回完全相同的值,但是如果<em>某人</em>没有时间深入思考它,则依赖于派生存储仅在原始存储更改时重新计算它会导致相当奇怪的错误。</p> </question> <answer tick="true" vote="1"> <p>来自文档</p> <blockquote> <p>从一个或多个其他商店派生出一个商店。 <strong>回调最初在第一个订阅者订阅时运行</strong>,然后每当存储依赖项发生变化时运行。</p> </blockquote> <blockquote> <p>...您可能需要检索您未订阅的商店的值。 <strong>get</strong> 允许您这样做。 <strong>这可以通过创建订阅</strong>、读取值,然后取消订阅来实现。</p> </blockquote> <p>在您的示例中,派生值未在任何地方使用,因此调用 <pre><code>get</code></pre> 创建第一个订阅者。添加时</p> <pre><code>{$derivedA} {$derivedB} </code></pre> <p>日志将在组件初始化时运行,而在调用 <pre><code>get</code></pre></p> 时不再运行 </answer> </body></html>
spatial_data = [[1,2,3,4,5,6], ....., [1,2,3,4,50,60]] #长度1000万 参考 = [[9, 39, 22, 28, 25, 5], ...... , [5, 16, 12, 34, 3, 9]] # 长度 100 对于参考中的 x: 结果 = [c 为...
我正在使用 R 编程语言。 考虑以下情况 - 对于均值为 5 且 sigma=5 的正态分布: A) 基于数值积分,
我这样使用cva: 导出 const checkboxVariants = cva('边框 ...', { 变体:{ 尺寸: { sm: 'h-4 w-4', md: 'h-5 w-5', lg: 'h-6 w-6', }, },
我正在尝试将下面的固定脚本从版本 1 转换为版本 5。我陷入了突出显示的步骤。我需要版本 5 中的此代码,因为我必须将此代码与我的另一个版本合并...
我正在尝试在 Spring Boot 5 中的 oAuth 客户端上启用 PKCE。我能找到的示例适用于反应式客户端,如下所示: SecurityWebFilterChain springSecurityFilterChain(
我有这个组件来检查设备大小 从“$lib/stores”导入{deviceSize}; 让内部宽度; $:如果(内部宽度> = 1652){ ...</desc> <question vote="0"> <p>我有这个组件来检查设备尺寸</p> <pre><code><script lang="ts"> import { deviceSize } from "$lib/stores"; let innerWidth; $: if (innerWidth >= 1652) { $deviceSize = { xl: true, lg: false, md: false, dsm: false, sm: false, }; } else if (innerWidth >= 1240 && innerWidth < 1652) { $deviceSize = { xl: false, lg: true, md: false, dsm: false, sm: false, }; } else if (innerWidth >= 794 && innerWidth < 1240) { $deviceSize = { xl: false, lg: false, md: true, dsm: false, sm: false, }; } else if (innerWidth >= 640 && innerWidth < 794) { $deviceSize = { xl: false, lg: false, md: false, dsm: true, sm: false, }; } else { $deviceSize = { xl: false, lg: false, md: false, dsm: false, sm: true, }; } $: console.log(innerWidth); </script> <svelte:window bind:innerWidth /> </code></pre> <p>和像这样的应用程序组件</p> <p><App.svelte></p> <pre><code><script> const { lg, xl } = $deviceSize; $: isDesktop = xl || lg; </script> {#if isDesktop} <DesktopComponent/> {/if} {#if !isDesktop} <MobileComponent/> {/if} </code></pre> <p><a href="https://i.stack.imgur.com/6iNXn.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tLzZpTlhuLnBuZw==" alt="enter image description here"/></a></p> <p>我的问题是innerWidth在初始加载中总是未定义。所以 isDesktop = false,那么即使我使用桌面,也始终渲染 MobileComponent。请帮我解决这个问题。</p> <p>我尝试为 <pre><code>deviceSize</code></pre> 商店设置默认值,但无法按我想要的方式工作,它始终呈现为我使用的任何设备(PC、移动设备)的默认条件。</p> </question> <answer tick="false" vote="0"> <p>根据<a href="https://svelte.dev/docs/svelte-components#:%7E:text=Reactive%20statements%20run%20after%20other%20script%20code%20and%20before%20the%20component%20markup%20is%20rendered%2C" rel="nofollow noreferrer">svelte 文档</a>:</p> <blockquote> <p>反应式语句在其他脚本代码之后、渲染组件标记之前运行</p> </blockquote> <p>意味着 if-else 块在创建 <pre><code>svelte:window</code></pre> 绑定之前运行一次,此时 <pre><code>innerWidth</code></pre> 未定义。</p> <p>为了避免这种情况,您可以将 <pre><code>innerWidth</code></pre> 初始化为正确的值,例如更换</p> <pre><code>let innerWidth; </code></pre> <p>与</p> <pre><code>let innerWidth = window.innerWidth; </code></pre> <p>也就是说,通过使用 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries" rel="nofollow noreferrer">CSS 媒体查询</a>(而不是 JavaScript)来显示和隐藏标记,您可能会让您的生活变得更轻松。</p> </answer> </body></html>
我正在尝试调整绘图大小以适合我的文档,但我很难将绘制的图表变成正方形。 例子: pdf(文件=“./out.pdf”,宽度=5,高度=5) <- ggplot(
我将图像放入 div 中。当我将鼠标移入 div 时,图像每秒应减小 5%。我已经完成了这个脚本,但没有任何反应。 document.addEventListener("DOMContentLoaded...
对数组进行排序。输入--> [3,4,5,1,2]预期输出--->[5,2,3,1,4]
输入:nums = [3, 4, 5, 1, 2] 输出:nums = [5, 2, 3, 1, 4] 解释:在此示例中,偶数 [4, 2] 位于位置 [1, 4]。 它们按升序排序并放置在...
如果 $C$5="Y",下面的公式返回至少 10 个值(如果包括对角线值)。如果 $C$5="Y",我们如何才能获得非对角线值。 =VSTACK({"V1","V...
我想使用位移位将三个字符组合成一个短片。这是为了实现 RGB565 调色板(其中 5 位用于红色,6 位用于绿色,5 位用于蓝色)。 这是我的例子
Java 应用程序中索引::5、jdbc 和 oracle 处缺少 IN 或 OUT 参数
尽管我只有 4 个占位符,但我收到错误 Missing IN or OUT parameter at index:: 5 下面是 jpql 和我正在使用 setParameters 的方法。 私有静态最终字符串
我创建了一个使用 RDP(递归下降解析器)的计算器来解析和评估数学表达式“例如:5cos(30) -5(3+5)”。问题是我也尝试过包含通讯...
我在form1设计器中添加了一个计时器。 在form1的顶部: 私有 int countdownSeconds = 300; // 5分钟 私有秒表秒表=新秒表(); form1 构造函数: 公共表格1() {
我使用 django-ckeditor-5 包成功显示了 ckeditor5,但无法上传图像,并且无法在结果页面上显示 youtube 视频。 这是我在后端控制台上遇到的错误...
如何在 mac m1 中安装.net 5 sdk [已关闭]
无法在我的 mac m1 中安装 .net 5 sdk。我正在尝试编译一个 C# 项目及其要求 .net 5.0 sdk。 我尝试从官方网站下载它,但arm64不存在...
这里,我写了一个程序,遍历并反转数组元素的最后一部分,就像数组是[5, 17, 11, 10, 12, 6],我想要输出像[5, 17 , 11, 6, 12, 10],所以我有
Django 5 的 MultiSelectField 库有哪些替代品?
角色 = [ (“管理员”,“Администратор”), (“用户”,“Пользователь”), ] 类权限(模型.模型): 标题 = models.CharField(max_length=100)
如何使用axios在vuejs中渲染easydatatable
我使用 axios 获取这些数据 { “qtp1459016715-18382027”:{ “姓名”:“qtp1459016715-18382027”, “状态”:“5”, “优先”...
从 5 个并发用户每秒运行 5 个请求开始,然后增加到 10 个用户,然后每秒运行 10 个请求。 您能帮忙介绍一下如何在 JMeter 中设计上述场景吗?
我有一个 C++ 数组。 std::array arr { 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 }; 我想反转最后五个元素,最终得到 { 0, 1, 2, 3, 4, 9, 8, 7, 6, 5 }。我知道 std::array 给出...
我需要创建一个成绩计算器,将5次测试的结果放入其中并求平均值,并给出5个成绩的结果,我制作了最终成绩结果程序,但我不知道...
出于某种原因,我想在没有ID的情况下使用折叠。我在 stackoverflow 上找到了一个旧答案,它似乎在 Bootstrap 5 中不起作用。 错误:未捕获类型错误:c.nextElementSibling.collapse i...
有人可以解释为什么警报在 postfix 下仍然显示 5 吗?我知道前缀标识最后一次迭代是假的,但是使用后缀,它仍然会返回 i 作为 5。 // 前缀代码: 让我= 0;
我正在尝试制作网格布局。网格中有 7 个项目。 我想要显示的布局如下。 1 3 6 2 4 7 5 上面代码显示的实际布局是 1 2 3 4 5 6 ...
将 Spring Security 5 迁移到 Spring Security 6 HttpSecurity 问题
Spring Security 6 中以下代码应该替代什么? http .authorizeRequests() .requestMatchers("/hub/**").access("hasPermission('SOME_LAYER', '')")...
使用 EF Core 7 连接本地 SQL Server 时出现问题
我有一个简单的 Web 应用程序,它是从 .NET 5 和 EF Core 5 版本上的 Visual Studio 生成的,唯一添加的是 WebDbContext 和 sql 查询来查看数据库连接是否有效。 WebDbConte...
我的代码中有这个数组 大批 ( [1] => 数组 ( [1] => 4 [5] => 7 ) [2] => 数组 ( [1] => 2 ...
从字符串中删除“1,”和“2,”而不删除“11,”和“12,”
我有一列字符串,可以在逗号分隔的列表中包含 1-15 (例如“1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14 , 15" 或 "2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 1...
如果安装了 .NET 6 运行时,删除 .NET 5 运行时是否安全?
从纯粹的用户角度来看,我不是在Windows上开发应用程序,我只是安装和卸载东西。 Microsoft Defender 告诉我已安装的 .NET 5 安装已终止服务...
如何确定 Bootstrap 5 Modal 按钮不起作用的原因?
我有一个基于 Django 的网站,使用 bootstrap 5。我有一个数据表和一个包含大量文本的注释列。我正在尝试使用 Bootstrap Modal 弹出功能来显示要保留的注释...
我有一个简单的服务器客户端测试。我将服务器作为后台进程启动,等待 5 秒钟,然后启动客户端。像这样 服务器 > /tmp/serverlog 2>&1 & 睡5 客户&...
如何使用 BeautifulSoup 从多个 URL 检索数据(Python 仅返回最后一行)
我正在构建一个代码,该代码将从航空公司评论网站检索所有评论标题。我使用 5 个不同的 URL,因为我想比较 5 个不同的标题