我正在尝试使用 svelte 打包库创建一个 Svelte 组件包（您可以使用 npm create svelte@latest 并选择 svelte 库进行设置。然后我在
我正在尝试制作一个 Svelte 应用程序，其中我有一个类（不是 Svelte 组件）来创建音频源并管理它。 我想跨多个组件获取此类实例。 现在...
我正在尝试在 svelte 中创建一个 cookie（我也在使用 svelte 套件）并访问它。我想使用 cookie 进行身份验证，更具体地说，是存储 JWT 令牌。 我已经试过了
为什么 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>
在 Sveltekit/Typescript 中使用 pdfjs
我需要在 sveltekit 4 typescript 项目中使用 pdfjs （当前 4.1.392）进行文本提取。这就是我尝试将 pdfjs 导入到我的 src/routes/+page.svelte 中的方法： ...</desc> <question vote="0"> <p>我需要在 sveltekit 4 typescript 项目中使用 pdfjs（当前版本 4.1.392）进行文本提取。这就是我尝试将 pdfjs 导入到我的 src/routes/+page.svelte 中的方法：</p> <pre><code><script lang="ts"> import * as pdfjs from 'pdfjs-dist/build/pdf'; import pdfjsWorker from 'pdfjs-dist/build/pdf.worker'; pdfjs.GlobalWorkerOptions.workerSrc = pdfjsWorker; </script> </code></pre> <p>但是，我收到错误消息“无效的'workerSrc'类型”。</p> <p>如何在 sveltekit/typescript 中使用 pdfjs？</p> </question> <answer tick="false" vote="0"> <p>你可以尝试做这样的事情：</p> <pre><code>import * as pdfjs from "pdfjs-dist"; pdfjs.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.mjs", import.meta.url); </code></pre> <p>更多使用示例，可以访问PDF.js Github仓库： <a href="https://github.com/mozilla/pdf.js#online-demo" rel="nofollow noreferrer">https://github.com/mozilla/pdf.js#online-demo</a></p> </answer> <answer tick="true" vote="0"> <p>以下代码适用于 pdfjs-dist 4.2.67、svelte 4.2.15 和 typescript 5.4.5：</p> <pre><code><script lang="ts"> // @ts-nocheck import * as pdfjs from 'pdfjs-dist'; import * as pdfWorker from 'pdfjs-dist/build/pdf.worker.mjs'; pdfjs.GlobalWorkerOptions.workerSrc = import.meta.url + 'pdfjs-dist/build/pdf.worker.mjs'; </script> </code></pre> </answer> </body></html>
我正在使用 Svelte，并尝试将滚动位置保持在单个页面上，例如当用户导航到另一个页面然后导航回（通过浏览器或导航栏返回）页面时...
为什么我无法使用 use:action Svelte 添加/删除主体类
我有这个功能 const bodyClass = (节点) => { if (open && !node.classList.contains("is-search-show")) { node.classList.add("is-search-show&quo...
假设我将此作为主页： 从“./Child.svelte”导入子项； 让人 = { 名字: "" }; 还有这个...
在组件中添加传单的map.on('click', ...)会导致参数列表后出现语法错误：缺少 )
我在使用Leaflet和Svelte时遇到了一些奇怪的错误，我不确定这是否是我的错误。 我有一个封装我的 Leaflet 地图的组件，位于 Svelte 的 $lib 目录中。随时...
我有一个使用@azure/msal-browser的svelte应用程序：^3.22.0 实际上调用 acquireTokenSilent 应该从缓存中检索我的有效 accessToken，并且仅当它无效或过期时......
我有一个返回带有类的html的api，我想知道如何为它们使用svelte样式定义。 应用程序.Svelte 让字符串 = `<span class="status">ok</span>...</desc> <question vote="7"> <p>我有一个返回带有类的 html 的 api，我想知道如何为它们使用 svelte 样式定义。</p> <p>应用程序.Svelte</p> <pre><code><script> let string = `<span class="status">ok</span>`; </script> <p>{@html string}</p> <style> .status { color: red } </style> ... {@html marked} </code></pre> <p>退货 <pre><code>Unused CSS selector (8:1)</code></pre></p> </question> <answer tick="true" vote="10"> <p>Svelte 将删除它在标记中找不到的所有 CSS，这就是它删除示例中的 <pre><code>status</code></pre> 类的原因。 然而，有一种方法可以告诉 Svelte 不要管这些类，那就是简单地声明它们 <em>global</em>:</p> <p><pre><code>:global(.status) { }</code></pre></p> <p>请注意，这会将这些样式应用于应用程序中的 <strong>ALL</strong> <em>.status</em> 类，为了仍然具有一些范围，您可以以某种方式将其设为子选择器</p> <pre><code> <style> .wrapper > :global(.status) { } </style> <div class="wrapper"> {@html marked} </div> </code></pre> <p>这样它只会应用于<em>wrapper</em>内的<em>status</em>类。</p> </answer> <answer tick="false" vote="0"> <p>我试图使用 h2 标签来做到这一点，因为我正在使用“flowbite-svelte”的 svelte 应用程序中集成tincyMCE。 对我有用的是：</p> <pre><code> :global(.content h2) { font-size: 1.5em; } </code></pre> <p>“内容”是我的 div 类。</p> </answer> <answer tick="false" vote="0"> <p>根据您的情况，您可能会发现一种比 :global() 更有吸引力的替代方案。</p> <p>您可以选择导入 CSS 并使其仅向下流动到项目中的子页面。</p> <p>例如，如果您有这样的结构：</p> <pre><code>routes/app +layout.svelte /subpages /portal +layout.svelte /subpages /marketing +layout.svelte /subpages </code></pre> <p>您可以将 CSS 导入到上述任一布局中的布局部分，并且仅将其应用于其下方的所有子页面。</p> <pre><code><script> import "../styles/marketing.styl" </script> </code></pre> </answer> </body></html>
我正在尝试测量组件的高度，但始终未定义。如果我在组件周围放置一个 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 应用程序的登陆页面后对标题进行动画处理，导致标题的每个字母稍微出现在另一个之后，但我所提供的所有解决方案...
我正在从 grails 3 升级到 grails 4 但运行时出现以下错误 错误 org.springframework.boot.diagnostics.LoggingFailureAnalysisReporter - **************************
对数组进行排序。输入--> [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]。 它们按升序排序并放置在...
我在这里错过了什么吗？我希望以下代码片段中的 np.max 将返回 [0, 4]... >>> 一个 数组([[1, 2], [0, 4]]) >>> np.max(a, 轴=0) 数组([1, 4]) ...
init方法调用失败； Spring 4 Hibernate 4 项目中的嵌套异常是 java.lang.NullPointerException
我正在尝试使用纯Java配置来设置一个没有XML配置的spring 4 + hibernate 4 Web应用程序。 同时我在启动时遇到以下错误。 13:32:47,649 错误 [org.jb...
编写一个打印出数字序列的递归方法。 printSequence(4) 打印 1 2 3 4 3 2 1 公开课练习{ 公共静态无效主（字符串[] args）{ 打印序列（4）； ...
我正在寻找一种对数组的每个 N 元素进行排序的算法。 例如，数组为 7 8 6 4 5 1 4 3 5，N 为 3。 我希望排序后的数组为 6 7 8 1 4 5 3 4 5 请注意...
我按照步骤将 CakePHP 3.9 迁移到 4，前端工作正常，但管理不正常，这意味着我有一个 /site 路径和一个 /site/admin，在检查日志后我意识到
我有一个错误 12 尺寸：3 容量：4 12 尺寸：4 容量：4 析构函数 proj1(53055,0x10121c580) malloc: *** 对象 0x600001ac1110 错误: 未分配正在释放的指针 项目1（53055，
我这样使用cva： 导出 const checkboxVariants = cva('边框 ...', { 变体：{ 尺寸： { sm: 'h-4 w-4', md: 'h-5 w-5', lg: 'h-6 w-6', }, },
我有这个 2-4 树： 我如何从这棵 2-4 树（底部的树）中删除 26？ 我最大的问题是它的前任和后继都是 2 个节点，将它们中的任何一个替换为 26 个都会......
如何在 ASP.NET MVC 4 中为 CSP 使用动态随机数
我在 ASP.NET MVC 4 中开发了 MVC 应用程序。我在几个页面中使用了 javascript。一些 javascript 被引用为 @Scripts.Render(“~/Scripts/bootstrap”) @Scripts.Render("~/Sc...
我有这4个矩阵（分别） 矩阵1 [,1] [,2] [,3] [,4] [,5] [,6] [,7] [,8] [,9] [,10] [,11] [,12] [1,] 10.426 10.456 10.481 10.499 10.511 10.517 10.517 10.512...
为什么Python小数的floordiv（//）运算符向0舍入而不是负无穷大？
>>> 导入小数 >>> 小数.Decimal(-7) // 4 Decimal('-1') # 结果向 0 舍入。 >>> -7 // 4 -2 # 结果向负无穷大舍入。 >>> 为什么...
升级到micronaut 4后Micronaut消费和生产停止工作
在 micronaut 版本 3 上，它工作正常，在迁移到 micronaut 4 时，停止工作 在注释有的端点中 @Get("/{someId}/someAction", 产生 = ["application/some.v1+json&
我有这个组件来检查设备大小 从“$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>
我想以1/4的格式显示分页，下一个和上一个按钮应该相应地工作。我要求这样的东西；你可以看到它显示分页的方式“
Numpy 中形状的 (4,) 和 (4,1) 有什么区别？
我有两个 ndarray A 和 B，一个具有形状 (4,)，另一个具有 (4,1)。 当我想用它计算余弦距离时，它会抛出一些异常，抱怨两个对象不对齐......
要求确认我的推理是否正确。 我的应用程序有 12 个输入分区，分布在 3 个应用程序实例中。 通常情况下，我希望线程数设置为 4，因为 4
当 d3.js 迁移到版本 4 时，对 Api 进行了重大重写，并对模块化打包进行了更改。 我不想升级到 d3.js 版本 4，但我必须重写 React/redu...
Identity Server 4 ROPC 授予自定义声明和刷新令牌
我想知道是否有人可以阐明 Identity Server 4 如何处理资源所有者密码凭证 (ROPC) 授予类型。在我的公司，我们有自己的 Identity Ser 实施...
我有一个 PROJECT_EFFORT 表。 项目 ID、年份、月份、工作量 1, 2022, 12, 10 2, 2022, 12, 20 2, 2023, 1, 100 2, 2023, 2, 50 2, 2023, 3, 30 3, 2023, 3, 40 3, 2023, 4, 10 3, 2023, 5, 120 4、...
预期输出为：1 2 3 4，如果我们取消注释提到的执行推回操作的行并运行代码，预期输出仍然是 1 2 3 4。但猜猜它完全不同。 ...
我有一个 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 给出...
pgAdmin 4 - 查询工具自动完成性能非常差，这正常吗？
不久前，我从 mySql 的 phpMyAdmin 迁移到 postgres 的 pgAdmin 4。 我注意到 pgAdmin 的查询工具的自动完成速度非常慢。通常输入关键字/标识会更快...
在基于 GPT-4 的自定义应用程序中实现 ChatGPT 插件
我正在开发一个基于 GPT-4 的自定义应用程序，我想通过实现类似于 ChatGPT 插件中使用的检索机制来为模型提供“内存”。啊...
我有一个 df 包含这样的 colnames： [1]“lab_id”“周”“组” [4]“级别”“id_row”...
嗨我需要转换这个： // 转换 [[1],[2],[3],[4],["a","b","c"],["d","e","f"]] 对此： [1,2,3,4,"a","b","...
我正在尝试制作网格布局。网格中有 7 个项目。 我想要显示的布局如下。 1 3 6 2 4 7 5 上面代码显示的实际布局是 1 2 3 4 5 6 ...
在 pgAdmin 4 中，当我尝试单击 PostgreSQL 14 服务器（或任何其他服务器）时，我收到一条我不明白的错误消息： 连接到“localhost”(::1) 处的服务器，端口 5432 失败：可以...
我想在 x 和 y 轴上显示刻度，并在图形中心对齐（以正确显示 4 个象限。我正在使用 React recharts 库。 目前我正在使用参考线来显示 4
x=3 9 5 1 4 9; 索引 = (第二(08:20:00)+1..4) 加入 08:21:01 加入 08:21:02 x = 索引.indexedSeries(x) 移动(x,3s) 为什么 move 函数对于时间戳 8:21:01 和 8:21:02 返回 1，不是吗
我正在尝试计算 Seurat 对象中每个簇中的细胞数量，我必须在 4 个不同的 Seurat 对象上执行此操作（每个对象都是来自 4 个不同运行的集成对象）我...
输入：二维点数组 ((x, y), (x2, y2), ...) 输出：最大可能矩形的面积，其 4 个角为给定点中的 4 个点。 注意：矩形不必平行于任何...
我的代码中有这个数组 大批 （ [1] => 数组 （ [1] => 4 [5] => 7 ） [2] => 数组 （ [1] => 2 ...
Firebase 数据库获取具有限制的子级数据以及开始/结束于
帖子：{ 推键1：{ 文本1， 用户：用户1 }, 推键2：{ 文字：2， 用户：用户1 }, 推键3：{ 文字：3， 用户：用户2 }, 推键4：{ 文字：4， 用户：用户1 }, 推键5...