在我的 Next.js Web 应用程序中，我有一个页面，如下所示： 我想让该部分（用 标签包裹）以蓝色粘性突出显示，这样当我滚动时，它会保持在原来的位置，并且只有 m... 在我的 Next.js Web 应用程序中，我有一个页面，如下所示： 我想使该部分（包含在 <aside> 标签中）以蓝色粘性突出显示，这样当我滚动时，它会保持在原来的位置，并且只有主要部分（包含图表的部分）会滚动。 这是 layout.tsx 文件： import { dashboardConfig } from "@/config/dashboard"; import { MainNav } from "@/components/nav/main-nav"; import { DashboardNav } from "@/components/nav/dashboard-nav"; interface DashboardLayoutProps { children?: React.ReactNode; } export default async function DashboardLayout({ children, }: DashboardLayoutProps) { return ( <div className="flex min-h-dvh flex-col relative"> <header className="container z-40 bg-background"> <MainNav /> </header> <div className="container grid flex-1 gap-12 md:grid-cols-[200px_1fr] mt-32 mb-12 relative"> <aside className="hidden w-[200px] flex-col md:flex sticky top-0"> <DashboardNav items={dashboardConfig.sidebarNav} /> </aside> <main className="flex w-full flex-1 flex-col overflow-hidden"> {children} </main> </div> </div> ); } 请注意，我已将类 sticky 和 top-0 应用于我想要粘贴位置的部分。但它不起作用。 我做错了什么？ 考虑通过 align-self: start 将 self-start 应用到粘性元素。默认情况下，它将具有 align-self: stretch，这将使其成为其父网格元素的完整高度，因此不会观察到粘性效果。通过应用 align-self: start，它的高度将仅与其内容一样高，如果存在垂直自由空间，则可以观察到粘性效果。 const dashboardConfig = { sidebarNav: '' }; const MainNav = () => 'MainNav'; const DashboardNav = () => 'DashboardNav'; function DashboardLayout({ children, }) { return ( <div className="flex min-h-dvh flex-col relative"> <header className="container z-40 bg-background"> <MainNav /> </header> <div className="container grid flex-1 gap-12 md:grid-cols-[200px_1fr] mt-32 mb-12 relative"> <aside className="hidden w-[200px] flex-col md:flex sticky top-0 self-start"> <DashboardNav items={dashboardConfig.sidebarNav} /> </aside> <main className="flex w-full flex-1 flex-col overflow-hidden"> {children} </main> </div> </div> ); } function App() { return ( <DashboardLayout> <div class="h-[200vh]"></div> </DashboardLayout> ); } ReactDOM.createRoot(document.getElementById('app')).render(<App/>); <script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.2.0/umd/react.production.min.js" integrity="sha512-8Q6Y9XnTbOE+JNvjBQwJ2H8S+UV4uA6hiRykhdtIyDYZ2TprdNmWOUaKdGzOhyr4dCyk287OejbPvwl7lrfqrQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.2.0/umd/react-dom.production.min.js" integrity="sha512-MOCpqoRoisCTwJ8vQQiciZv0qcpROCidek3GTFS6KTk2+y7munJIlKCVkFCYY+p3ErYFXCjmFjnfTTRSC1OHWQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdn.tailwindcss.com/3.4.1"></script> <div id="app"></div>
嗨我需要转换这个： // 转换 [[1],[2],[3],[4],["a","b","c"],["d","e","f"]] 对此： [1,2,3,4,"a","b","...
我想在javascript中使用microsoft office api，因为我正在开发chrome扩展，并且在使用office脚本时遇到问题
拒绝加载脚本“https://appsforoffice.microsoft.com/lib/1/hosted/office.js”，因为它违反了以下内容安全策略指令：“script-src 'self' 'wasm-unsafe -伊娃...
如何在 Excel 添加中使用 asp.net c# 在功能区中添加选项卡
我们正在尝试构建一个在 Office 安装以及 Office 365 上运行的自定义 Excel 加载项。我们正在尝试向该加载项的功能区添加自定义选项卡。从学习的教程中，我了解到...
从 'react-chat-engine' 导入 { ChatEngine, ChatFeed }; 从 './components/chatFeed' 导入 ChatFeed； 导入'./App.css'; 常量应用程序 = () => { 返回（ import { ChatEngine, ChatFeed } from 'react-chat-engine'; import ChatFeed from './components/chatFeed'; import './App.css'; const App = () => { return( <ChatEngine height="100vh" projectID="" userName="" userSecret="" renderChatFeed={(chatAppProps) => <ChatFeed {...chatAppProps} />} /> ); } export default App; 服务器运行时显示错误 SyntaxError: D:\PROJECTS\APPLICATION\chat_app\src\App.js: Identifier 'ChatFeed' has already been declared. (3:7) 1 | import { ChatEngine, ChatFeed } from 'react-chat-engine'; 2 | > 3 | import ChatFeed from './components/chatFeed'; | ^ 好吧，错误消息说明了一切，您声明了 ChatFeed 两次。 您可以通过以下方式修复它： 重命名您的组件，例如 import ChatFeedComponent from './components/chatFeed'; 将命名导入从 react-chat-engine 重命名为 import { ChatEngine, ChatFeed as ChatFeedComp } from 'react-chat-engine'; 当然，随意使用你喜欢的任何名称 错误消息显示您导入 ChatFeed 两次。 您可以修复它，从第一行删除 chatFeed 用这个 从“react-chat-engine”导入{ChatEngine}； 从 './components/ChatFeed' 导入 ChatFeed；
RollupError：无法解决 - Vercel React vite 部署
我尝试在 vercel 或 netlify 上部署我的 React vite 项目，但出现错误： RollupError：无法从“src/components/Pages/CarDetails/CarDetails...”解析“./reviews/Reviews”...
ASP.NET 中的“razor”和“cshtml”文件有什么区别？我们应该在“razor-components”应用程序中使用“.razor”文件而不是“.cshtml&...
我正在开发一个Excel插件，清单具有ReadWriteDocument的权限。 我正在向 Office.EventType.DocumentSelectionChanged 事件添加处理程序 第一次，我在 Excel 中插入插件
我有一个Python脚本，可以使用exchangelib从Office 365邮箱中提取附件。 直到几天前我开始收到错误时它都工作正常： htt 凭据无效...
使用 Office javascript api 从数据库加载文档
我正在将文档保存到数据库，使用 Office.context.document.getFileAsync 提取 base64 文件，但我需要对应的文件来加载我的文档，我尝试使用 thisDocument.body.insertFileFromBa...
我正在使用 Word js 1.3 开发 Office 2016 Addin。该插件允许定义自定义属性并保存它们的值。 我想在我的插件的 UI 中添加一个按钮来更新
对于使用 jest 的 Angular v12 项目，我刚刚将 jest 更新到版本 28。但是现在，我收到以下错误 失败 src/app/components/update-input/update-input.directive.spec.ts ● 测试套件
PowerShell 中的 [datetime]::ParseExact 问题
我正在尝试更新此处找到的脚本以使用 Office 365 导出的日历条目。 我更改了 DTSTART 和 DTEND 的变量（或者更确切地说我正在尝试），因为新的 ICS 文件显示...
我有一些编写 VBA 宏的经验（但绝不是经验），现在开始专门在线处理 Excel 365 文件。所以我正在尝试将一些 VBA 逻辑转换为 Office Sc...
我正在尝试通过JavaScript API在Excel中开发自定义函数。环境是Mac OS和Excel Online (Chrome)。 我按照教程并通过 npx office-addin-dev-certs 安装证书
我正在开发一个使用 Angular 15 的 Excel 插件，在 Angular 应用程序中，我刚刚添加了 @ngrx/store。我也将开发工具添加到了模块中。我注意到 Excel 使用 Edge 来运行该加载项。
为什么 Microsoft Graph API 列出消息时无法获取响应的 body 字段？
我想阅读某些电子邮件并过滤它们。我正在使用 Microsoft Graph API 查询 Office 365 邮箱，如下所示。我还添加了 API 权限“Mail.ReadBasic.All”以获得
我有这个组件来检查设备大小 从“$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>
MazPhoneNumberInput Vue.js 上的自动对焦
我在表单中使用 MazPhoneNumberInput 组件（https://maz-ui.com/components/maz-phone-number-input）： 我正在以这种方式使用 MazPhoneNumberInput 组件（https://maz-ui.com/components/maz-phone-number-input）： <MazPhoneNumberInput v-model="phoneNumber" v-model:country-code="countryCode" show-code-on-list :preferred-countries="['DE', 'US', 'GB']" noFlags /> 并且想在手机输入上设置自动对焦。 MazPhoneNumberInput 组件本身没有 autofocus 属性，但它基于具有 autofocus 属性的 MazInput 组件（https://maz-ui.com/components/maz-input）： 我尝试通过 javascript 使用 onMounted 方法设置焦点： import AppLayout from "@/Layouts/Auth/AppLayout.vue"; import MazPhoneNumberInput from 'maz-ui/components/MazPhoneNumberInput' import {ref, onMounted} from 'vue' const phoneNumber = ref() const countryCode = ref('DE') const focusInput = () => { phoneNumber.value.focus(); }; onMounted(focusInput); 但是没有成功。 如何在手机输入上设置自动对焦？ 这可以使用 template ref 来完成，它可以访问组件的 DOM 元素。由于根元素只是多个其他元素的包装，因此需要额外的查询来获取实际的电话输入，然后您可以将其聚焦： onMounted(async () => { const phoneEl = phone.value.$el // MazPhoneNumberInput root DOM element const phoneInput = phoneEl.querySelector('input[type=tel]') // inner input DOM element await nextTick() // can focus after next DOM update phoneInput.focus() })
Eclipse Kepler 中缺少动态 Web 项目选项 [重复]
Eclipse 中新项目的“动态 Web 项目”选项未显示在列表中。虽然“web”文件夹显示了“static web project”选项，但没有“Dyn...
正如您在图像中看到的那样，有一条线分隔每个表格列标题。我希望从这张表中删除这些分隔线。我正在使用 Antd 表组件。 https://ant.design/components/
保存Word文档会在Android（Dex模式）中创建一个新文档
每次我打开一个现有的Word文档（比如说它的文件名）（我正在使用Office套件应用程序-Samsung Dex）并对其进行修改时，当我尝试保存文件时，会出现一个另存为窗口
Excel 问题：引用其他工作表的公式在输入时移动到随机单元格
我在 Excel（Office 365 中）中遇到了一个特殊问题，希望有人能够提供帮助。每当我在引用工作簿中其他工作表的单元格中输入公式时，该公式不会...
当React Router中的路由命中时，如何有条件地渲染两个组件或更改两个出口？
我有一个 React 应用程序，我在其中使用 React Router。在我的布局组件中，我有这样的结构： 从“反应”导入反应； 从 './components/Header/Header' 导入标头； 导入 Foo...
在 Flutter 项目中禁用 Web 组件或 Web UI
我有一个针对网络和Android设备的项目。 Android 设备将仅显示案例，Web 将是管理面板，我在这个项目中使用了一些 Web 软件包，但现在我无法合作...
即使任务面板未处于活动状态，也可以使 Excel 加载项的快捷方式发挥作用
我正在尝试添加 Excel 加载项的快捷方式以在 Office 365 中使用。我注意到，只有当我在任务窗格内单击并且任务面板处于活动状态时，快捷方式才起作用。就这样...
.Net core Web API 将 json/model 值设置为 NULL
我有一个 .Net core Web API，它接受以下 JSON：（RequestModel） { “isSpecimen”：正确， “形式”： { “网络”：{ “abc1...
ASP.NET Web 窗体和 ASP.NET 网页有什么区别？ 这里说网页和网络表单是不同的方法。
我对 ASP.NET Core 2.0 的 MVC 和 razor 项目非常困惑。 在 Visual Studio 2017 中我执行以下操作： 新项目 Web ASP.NET Core 应用程序 (C#) Web 应用程序（不是 Web 应用程序 MV...
使用 selenium webdriver 自动化 Flutter Web 应用程序
我是颤振新手。所以，我想知道是否可以使用 selenium webdriver/java 来自动化 flutter web 应用程序。 我使用 java / cucumber 来自动化 Web 应用程序并使用页面对象
在NAS Synology中发布Net Core Web API，Web根路径问题
我正在尝试使用 hgy59 的 Synology 套件“.NET 6.0 Runtime”来创建一个小型网站。我正在使用这篇文章的示例： 在 NAS 中发布 Net Core Web API Synology 我找不到...
如何在 Eclipse Juno for Tomcat 6 中创建动态 Web 项目？文件 -> 新建中没有创建动态项目的选项。
游戏的实时 Web API 可以在 ASP.NET Core 和 SQL Server 中实现吗？
您能告诉我游戏的实时 Web API 是否可以在 ASP.NET Core 和 SQL Server 中实现吗？ 我们正在开发的 Unity 游戏需要实时 Web API。我们正在使用 SQL
TomEE - ClassLoader 如何从 3 个 Web 应用程序加载
我正在努力将一些现有的 Web 服务部署到 Apache TomEE 8。我有三个 Web 应用程序（EAR 文件）需要部署。我尝试独立部署它们中的每一个，它们运行良好......
net8 Blazor Web 应用程序中出现 AmbigeousMatchException
我在客户端 Blazor Web 应用程序中遇到 AmbigouslyMatchException 错误。错误消息显示“请求与多个端点匹配。匹配：后备 {*path:nonfile}”。我...
ASP.NET Core Web 应用程序在 IDE 中运行，但不在 Web 服务器中运行
我有一个带有 .NET 7.0 目标框架的 Web 应用程序。我已在带有 IIS 10 的 Windows 2016 服务器上安装了 .NET 7.0 的托管捆绑包。但是，该应用程序将无法运行...
如何从 Tizen Web 应用程序启动配套的 Android 应用程序？
我正在开发一个 Tizen Web 应用程序，它在 Android 设备上有一个配套应用程序。 我正在尝试从 Tizen Web 应用程序启动 Android 应用程序，但我不确定为什么它没有启动...
Get-PnPWebPart - 如何按照页面中使用的顺序获取 Web 部件
我正在使用 pnp 库来检索 Sharepoint 页面中使用的 Web 部件 Get-PnPWebPart -ServerRelativePageUrl“文件路径/test.aspx” 但 webpart 的顺序是
我在 Spring Boot Web 客户端发送请求正文时遇到一些问题。尝试发送如下所示的正文： val 主体 = "{ ” + "\"电子邮件\":\"[email protected]\", ” + “\”id\“：...
有没有办法在Azure API管理后面运行Azure Web App？
无法正确运行使用 API 管理和 .这个想法是在 Azure APIM 背后拥有多个 Web 应用程序 我部署了一个示例 Python (...
如何在 Spring Web 应用程序中使用 FastMoney？
我正在使用 Spring Web 创建一个虚拟存款表格。应该是这样，在处理金钱时想尝试 JavaMoney API。所以，@RequestBody DTO 是这样的： @数据 @布...
找不到 ASP.NET Core Web 应用程序（.NET Core）项目模板
我目前正在实习的公司学习上级发给我的 C# 教程。该教程可能有点旧，因为它说“选择 ASP.NET Core Web 应用程序...
以前从未使用过带负载平衡的Web客户端，我休闲了https://spring.io/guides/gs/spring-cloud-loadbalancer/并实现了Web客户端负载均衡器，现在我正在尝试使用helthchecks和
Flutter http 包导致“flutter build web”构建失败
我正在使用 Docker 在容器中运行 Web 版本的 Flutter。我已经能够让这个工作了；但是，一旦我在 main.dart 文件中导入 http 包（导入“package:http/http.dart”）...
我有一个基于 Expo 和 React-native-web 构建的项目，适用于 Android、IOS 和 Web。 我使用 Expo 路由器进行导航，使用 @shopify/restyle 进行样式设置。 我想为此实施 SEO 或 SSR ...
Spring Boot - Web Sockets - 测试
我在 Spring Boot 中有一个简单的服务器。我想实现并测试我的 Web 套接字连接，但如果我想订阅端点“/topic/resources”，超时将在 30 秒后超时。消息发送
请有人解释一下 web 项目之间的区别 和 Visual Studio 中的网站？ 我希望为销售手机的商店创建一个新网站 电话..应该有一个管理面板...
我有一个 Vue.JS (Quasar) Web 应用程序前端和 ASP.NET Core 8 Web API 后端，托管在 Microsoft IIS Windows 服务器上。服务器在我的私人家里运行，IP绑定到域并启动...
我已经用角度创建了一个渐进式Web应用程序，并尝试通过在manifest.webmanifest中添加以下代码来使应用程序全屏显示，如下所示 "display": "全屏"...
对 Java Web 应用程序进行 Docker 化并包含知识库的问题
我在对包含知识库的 Java Web 应用程序进行 Docker 化时遇到问题。知识库存储在我的项目根目录的knowledge-repo文件夹中...