frontend 相关问题

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

除非触发 onChange 事件,否则选择框 (MUI) 中的默认值不会显示

我正在从 API 获取数据以呈现选择框。选择框中的值包含用户详细信息。我的问题是,在初始加载时,即使正确获取数据也是默认的......

回答 1 投票 0

在 Next.js 中添加导航链接的活动类

我正在使用 Next.js,并且希望在链接到的页面与 url 匹配时向导航链接添加活动类。但我也希望当 url 比页面更深时它处于活动状态。 例如,一个...

回答 3 投票 0

Tailwind:使用深色模式更改div的背景梯度

我正在学习顺风,我有这个div: ... 我正在学习顺风,我有这个 div : <div class="mt-5 border border-gray-300 p-2 bg-gradient-to-b from-gray-100 via-purple-50 to-gray-50 rounded-lg mb-8 p-4 dark:bg-black"> 在黑暗模式下,我的背景仍然是原始渐变(我的黑暗模式正在工作) 我想要深色模式下的黑色背景。 我注意到如果我这样做: <div class="mt-5 border border-gray-300 p-2 bg-gradient-to-b from-gray-100 via-purple-50 to-gray-50 rounded-lg mb-8 p-4 bg-gradient-to-b from-green-200 via-pink-100 to-red-500"> 这是使用的第二个渐变(bg-gradient-to-b from-green-200 via-pink-100 to-red-500)。 但是如果我这样做: <div class="mt-5 border border-gray-300 p-2 bg-gradient-to-b from-gray-100 via-purple-50 to-gray-50 rounded-lg mb-8 p-4 bg-black"> 使用的不是 bg-black,而是 bg-gradient-to-b。 所以也许它是链接的:) 为了确保深色模式下的背景颜色为黑色,您可以尝试将 dark:bg-black 类直接添加到您的 div。 <div class="mt-5 border border-gray-300 p-2 bg-gradient-to-b from-gray-100 via-purple-50 to-gray-50 rounded-lg mb-8 p-4 dark:bg-black">

回答 1 投票 0

如何创建包含输入的一页调查

我想创建一个在线调查,它将呈现一个如下所示的问题页面: ...然后会将答案存储在程序中供我稍后查看。 我已经尝试过基本的...

回答 1 投票 0

antd Table React js 中的分页页面大小不会显示在移动视图中

所以在 antd 的旧版本 4.xx 中它一直工作得很好,我决定迁移到最新版本,现在分页位置可以工作,但我有 setshowSizeChanger 但如果我在移动设备上打开或查看网站则不会显示

回答 1 投票 0

对角切割一个部分并保持响应

我正在寻找一种对角切割截面的方法,有点像下面使用 CSS 的图片。剪裁在所有页面尺寸上保持相同并且不与...

回答 1 投票 0

无法聚焦于3D安全认证条带reactjs中的输入字段

const 负载=等待条带!.confirmCardPayment(clientSecret,{ 付款方式: { 卡:元素!.getElement( 卡号元素 ) 作为

回答 4 投票 0

为什么我的 navbaropen 状态没有在窗口 addeventlistener (React js) 中更新?

条件有效,但由于某种原因 setNavbarOpen(false) 不起作用 这是代码: 从'react'导入{useState}; 常量导航栏 = () => { const [navbarOpen, setNavbarOpen] =

回答 1 投票 0

具有相同特性的父/子类的优先级

在给定的代码片段中,为什么 h1 元素的字体大小是 36px? 我有这些问题: 如果 h1 是第一个定义的,那么 main 的字体大小(即 32px)应该应用于 h1 标题,因为它是 de...

回答 1 投票 0

Nextjs/React 展开框(手风琴)动画因 tailwindcss 失败

我正在尝试为可扩展框(手风琴)制作动画。 这就是我想要实现的:子组件默认设置为display:none。当我将鼠标悬停在其父组件上时...

回答 1 投票 0

如何使用 Python 代码在一页上创建带有框的调查

我什至不知道这是否可能。我想为我的大学学习创建一个一页调查,该调查将呈现一个问题页面,如下所示在单页上如下所示(这是

回答 1 投票 0

Div 标签在反应中不会滚动到底部

这是 React 应用程序中面板的 部分,包含一个 和一个 。我正在使用 tanstack 路由器来渲染子路由。存在问题...

回答 0 投票 0

有没有办法解决路由之间相互影响的组合?

我有全局文件,其中包含以下路线: // 全局.tsx 从“反应”导入反应; 从“react-router-dom”导入{ BrowserRouter as Router, Route, Routes }; 导入

回答 1 投票 0

在客户端(前端)创建数据库是个好主意吗?

在客户端(前端)创建表和数据库列是个好主意吗?未来可能会出现什么问题,总体上值得做吗?是否值得在...上创建数据库

回答 1 投票 0

有没有办法解决这个问题,输入 '{children:Element; }' 与类型“IntrinsicAttributes”没有共同的属性。?

我创建一个名为 ThemeContext 的文件: 从“react”导入{createContext,useState}; 从“prop-types”导入 PropTypes; 从“../consta...

回答 1 投票 0

WebGL: INVALID_VALUE: texImage2D: 宽度或高度超出范围是什么意思

我想在 Three.js 后处理中使用 UnrealBloomPass,但是添加effectComposer.addPass(unrealBloomPass) 后出现黑屏,在控制台上我得到以下信息 WebGL:INVALID_VALUE:

回答 1 投票 0

创建无限水平滚动(如Ring)

我正在尝试制作一个具有水平子级并从左向右移动的容器 每个子元素,当它到达容器的末尾时 => 到达容器的开头 ...

回答 1 投票 0

顺风时如何设置占位符垂直对齐?

我正在尝试垂直对齐第三个输入字段的占位符。假设“text-start”和“text-end”类在顺风垂直中与占位符修饰符一起使用...

回答 2 投票 0

*ngIf 未按预期渲染 svg

我正在尝试使用 *ngIf 有条件地渲染 svg 图标。我已将 CommonModule 和 BrowserModule 导入到组件中,但每次运行代码时,svg 都不会按应有的方式呈现。 HTML

回答 1 投票 0

在执行 async import() 之前检查模块是否已经导入

我正在创建一个延迟加载的组件。我的问题是关于 JavaScript 本身,而不是任何特定的框架(React、Svelte 等),所以我展示了一些伪代码。 const myLazyLoadedComponent() { 让

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.