frontend 相关问题

面向用户的应用程序部分。在桌面应用程序中，这将包括窗口框架和用户与之交互的表单;在命令行程序中，它将是可用的命令和参数;在Web应用程序中，它将引用HTML和JavaScript。

<ProtectedRoute /> 不是 <Route> 组件。 <Routes> 的所有子组件都必须是 <Route> 或 <React.Fragment>

所有访问 StackOverflow 的开发人员您好，我在使用受保护的路由时遇到问题，它给出了 [ProtectedRoute] 不是组件的错误。的所有子组件必须是 a 或 <...

javascript reactjs routes frontend react-router-dom

回答 1 投票 0

使用react-windrose-chart遇到问题；未捕获错误：超过 360 或低于 0

问题描述我在 React 应用程序中遇到风向值问题。尽管从 API 端点获取数据，这确保了风向值在...

javascript reactjs rxjs frontend visualization

回答 1 投票 0

Vue 可拖动元素拖放后恢复到原始位置

我在 Vue 3 项目中使用 vuedraggable 来允许对扩展面板中的元素进行重新排序。可以将元素拖放到面板内的新位置，但它们会恢复原状...

javascript vue.js frontend drag-and-drop vuedraggable

回答 1 投票 0

如何在 Spring Boot API 中启用 https 请求？

我将 Spring Boot API 配置为通过 SSL 自签名证书接收 https 请求。当我通过邮递员请求时它可以工作，但是当我们的前端应用程序（也带有 SSL 证书）ma...

java spring-boot https frontend backend

回答 1 投票 0

如何在微前端架构中从主机到远程共享服务？

我的主机应用程序中有一项服务，我想在远程（MFE）应用程序中使用该服务。这两个应用程序托管在不同的存储库中例如。在我的远程应用程序中这个。

angular frontend micro-frontend webpack-module-federation

回答 1 投票 0

拒绝连接到“http://localhost:3001/user/signup”，因为它使用 React 和 Node Js 违反了文档的内容安全策略

我正在使用 React 创建一个注册页面，对于我的后端，我使用 Node JS。当我尝试调用后端的注册 api 时，出现以下错误 api.js:31 拒绝连接到 'ht...

javascript reactjs node.js next.js frontend

回答 1 投票 0

NEXTJS：GET http://localhost:3000/highLightTitle.png 404（未找到）content.js:199

我有一个下一个js项目，我的代码与项目内的GET http://localhost:3000/highLightTitle.png没有任何关系，但我的项目仍然给出关于此问题的错误，这是错误里面的内容.j...

javascript html reactjs next.js frontend

回答 1 投票 0

VS Code 中的实时服务器将 html 文件作为列表目录打开

我一直在使用 vs code 来处理 html，最近当我在 chrom 中使用实时服务器打开代码时，它会打开一个列表目录而不是我制作的网站，我尝试通过命令修复它

html css visual-studio-code frontend liveserver

回答 1 投票 0

使用带有浮动标签的输入组时不显示引导验证反馈

我发现可以将浮动标签与输入组结合起来。但是，我不知道如何让反馈正确显示。我发现可以将浮动标签与输入组结合起来。但是，我不知道如何让反馈正确显示。 <div class="input-group has-validation"> <div class="form-floating"> <input name="token" placeholder="Enter your admin token" type="password" class="form-control is-valid" value="some token" /> <label>Access Token</label> </div> <button type="submit" class="btn btn-success">Log in</button> <div class="valid-feedback">Looks good!</div> </div> 有效反馈的引导 CSS 只是说： .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: .875em; color: var(--bs-form-valid-color); } 为什么我想在这里将显示设置为无？当我只使用没有浮动标签的输入组时，这似乎工作正常。我正在使用最新版本的bootstrap（v5.3.2）反馈必须与输入元素位于同一div上： <div class="input-group has-validation"> <div class="form-floating"> <input name="token" placeholder="Enter your admin token" type="password" class="form-control is-valid" value="some token" /> <label>Access Token</label> <div class="valid-feedback">Looks good!</div> </div> <button type="submit" class="btn btn-success">Log in</button> </div>

twitter-bootstrap validation user-interface frontend

回答 1 投票 0

如何使用 PrimeNG 多选搜索根据用户搜索输入触发 API 调用并使用检索到的数据填充多选？

当我们在过滤器部分输入文本时，我们需要调用 API 来获取相关的输出列表并将其更新为多选结果。这里我尝试了onFilter事件来调用API，我得到了......

angular typescript frontend primeng ngrx

回答 1 投票 0

如何在 Angular 中对静态 JSON 数组执行 CRUD 操作？（无API）

我有这个 JSON 数组文件。 [ { “id”：1， “姓名”：“约翰·多伊”， “电子邮件”：“[email protected]”， “年龄”：25 ...

json angular frontend angular-reactive-forms crud

回答 1 投票 0

使用 IIFE 将模块添加到命名空间

我刚刚学习前端，然后我想出了一种使用 IIFE 创建模块并将其注册到命名空间的方法。从下面的代码来看，我仍然不明白一些事情：为什么

javascript function module frontend web-frontend

回答 1 投票 0

如何防止调整浏览器大小时图像放大？

这里是新手。有谁知道当我调整浏览器大小时如何防止图像放大？我正在尝试使用顺风和流咬合创建一个旋转木马。这是我的 CSS 代码： ... 这里是新手。有谁知道当我调整浏览器大小时如何防止图像放大？我正在尝试使用顺风和流咬合创建一个旋转木马。这是我的 CSS 代码： <main> <section id="hero-section" class="bg-blue-300" style="height: calc(100vh - 65px)" > <div id="default-carousel" class="relative h-full w-full" data-carousel="slide" >  <div class="relative h-full overflow-hidden md:h-96">  <div class="hidden duration-1000 ease-in-out" data-carousel-item> <img src="sample-image2-mobile.jpg" class="absolute block object-cover h-full w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="..." /> </div>  <div class="hidden duration-1000 ease-in-out" data-carousel-item> <img src="sample-image2-mobile.jpg" class="absolute block object-cover h-full w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="..." /> </div> </div>  <div class="absolute z-30 -translate-x-1/2 bottom-5 left-1/2 space-x-3 rtl:space-x-reverse" > <button type="button" class="w-3 h-3 rounded-full" aria-current="true" aria-label="Slide 1" data-carousel-slide-to="0" ></button> <button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 2" data-carousel-slide-to="1" ></button> <button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 3" data-carousel-slide-to="2" ></button> </div> </div> </section> </main> 我尝试过诸如设置高、对象覆盖等，但仍然不起作用。提示：使用 object-fit: contains 而不是 object-cover <img src="sample-image2-mobile.jpg" class="absolute block object-contain h-full w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="..." /> Tailwind CSS 提供宽高比实用程序（例如，aspect-w-16 aspect-h-9 表示 16:9 的比例），但这种方法取决于您的设计要求。 Tailwind CSS 允许使用断点进行响应式设计。您可以考虑根据视口大小调整图像的大小甚至来源。

css responsive-design frontend tailwind-css flowbite

回答 1 投票 0

Redux 业务逻辑最佳实践

我正在使用 React 和 Redux 构建购物车，但无法理解最佳实践流程。我的购物车操作：导出 const addToCart = (产品) => (调度, getState) => { 让{亲...

reactjs redux frontend logic flux

回答 2 投票 0

如何在多参数 JSON 数组中执行获取、更新、添加和删除操作，就像 Angular 中的 API 一样

我有这个多参数 JSON 数组：公开课程列表：任意=[ { 编号:1, cName：“角度”， bDesc: "这是 Angular 的基础课程。", 一个...

arrays angular typescript frontend angular-reactive-forms

回答 1 投票 0

视口变化时如何对计算的位置/容器高度进行动画处理？

我的布局将按钮粘在屏幕底部。目前它是使用 Flexbox 完成的（内容是 Flex 1，按钮具有固定高度）。问题出在手机浏览器上，我用过dvh...