web-frontend 相关问题

更通用的前端标记的细化。在Web应用程序中,这通常意味着HTML,CSS和JavaScript

当我更改选项卡时,有没有办法在 iframe 中维护信息?

我有一个带有多个选项卡的网页。在其中一个中,我包含一个 iframe 作为管理某些属性的一种方式,因此我需要数据是持久的。每次我切换到另一个选项卡并c...

回答 1 投票 0

在React中获取子组件的第n个位置?

我有一个 PagesContainer 组件,它呈现多个页面组件,如下所示: ...

回答 1 投票 0

如何在图像中制作带有下一个/上一个箭头的幻灯片弹出窗口?

我想制作一个带有幻灯片的弹出窗口,但我有一个问题,我无法将导航箭头放置在图像容器内,因此当调整网站大小时,它们会保留在同一位置。 我...

回答 1 投票 0

PureScript:如何使构建系统产生多个js输出?

这似乎是一个基本问题,但我没有找到相关信息。网站通常不包含单个页面。例如。 StackOverflow 左侧有菜单,包含主页、问题、标签链接...

回答 2 投票 0

如何仅提交具有“disapaly:flex”的输入字段

抱歉,如果我以错误的方式提出了问题。 想象一下我有输入,有些是可见的(display:flex;),有些是不可见的(display:none;)。我可以使用 add ClassList 和 d...

回答 1 投票 0

PureScript 前端:如何创建多个输出文件?

这似乎是一个基本问题,但我没有找到任何相关信息。网站通常不包含单个页面。例如。 StackOverflow 左侧有菜单,其中包含主页、问题、标签链接...

回答 1 投票 0

为什么我的网页内容右侧在较小的浏览器/移动浏览器视图中消失?

我正在 Coursera.org 上学习 Meta 的前端 Web 开发课程,并且即将完成“深入 HTML 和 CSS”课程的客户项目。但是当我把浏览器变小或者

回答 1 投票 0

如何将错误消息从 Nodejs 后端打印到 MERN 中的前端

我正在开发 MERN 项目,我能够从后端发送错误消息,我可以在 Console => Network => Payload 中查看该消息,但我想在最后显示该错误消息...

回答 2 投票 0

vue.js 前端和 python 后端的最佳实践

我想要一个python脚本来触发vue.js组件的点击事件。 我见过的大多数方法似乎都是通过 .json 进行数据交换。前端的事件不是直接写入脚本,而是更新...

回答 1 投票 0

Web应用程序中用户的快捷方式配置保存在哪里?

最近,我一直在构建一个学习课程系统作为网络应用程序。现在我需要添加用户可以配置其快捷键/键绑定的功能(例如:Ctrl + B 表示“T...

回答 1 投票 0

如何向响应式菜单导航栏添加样式?

我创建了一个导航栏,左侧有徽标,右侧有链接,另外两个突出显示的链接,我添加了一个图标菜单,该菜单出现在小屏幕上,但是,问题是...

回答 1 投票 0

使用 Ant Design 将 React 中的按钮与选项卡对齐在同一行

我正在设计一个网站,我需要将按钮和选项卡对齐在同一行。当我实现以下结构时,它确实有效,但是当我将 组件添加为子组件时,它确实有效...... 我正在设计一个网站,我需要将按钮和选项卡对齐在同一行。当我实现以下结构时,它确实有效,但是当我将 <Table/> 组件添加为子组件时,它不起作用。 我的第一个代码及其输出: <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '16px' }}> <Tabs defaultActiveKey="1" items={[{ label: 'test', key: 'test', children: 'test' }]} /> <div> <Button type="primary" style={{ marginRight: '8px' }}>Add New</Button> <Button>Another Button</Button> </div> </div> 但是当我添加表格时,它是这样的: <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '16px' }}> <Tabs defaultActiveKey="1" items={[{ label: 'test', key: 'test', children: <Table/> }]} /> <div> <Button type="primary" style={{ marginRight: '8px' }}>Add New</Button> <Button>Another Button</Button> </div> </div> 我该如何解决这个问题? 您可以使用 tabBarExtraContent 组件的 <Tabs/> 属性。 import React from 'react'; import './index.css'; import { Button, Table, Tabs } from 'antd'; const App: React.FC = () => { return ( <> <Tabs tabBarExtraContent={ <div> <Button type="primary" style={{ marginRight: '8px' }}> Add New </Button> <Button>Another Button</Button> </div> } defaultActiveKey="1" items={[{ label: 'test', key: 'test', children: <Table /> }]} /> </> ); }; export default App; 堆栈闪电战

回答 1 投票 0

删除与线相交的 svg 元素部分时出现问题

我尝试使用.line中的clip-path来删除半圆底边与直线的交点,但没有成功。这是正确的方法还是有其他方法? 我尝试删除...

回答 1 投票 0

移动视图中 svg 对象的外观与桌面视图不同

身体{ 边距:0vh 0vw; } . header { 位置:相对; 宽度:100%; 高度:12vh; 背景颜色:#004d40; 显示:柔性; 对齐项目:居中; 调整内容:居中; 溢出:

回答 1 投票 0

使用以前的自定义 React Hook 实现

从“react”导入{useRef,useState}; 导入“./styles.css”; 函数 usePrevious(值) { const currRef = useRef(); const previousValue = currRef.current; currRef.cu...

回答 1 投票 0

在本地网络上运行 React 和 Aspnet 项目

我为 DayZ 构建服务器管理器已经有一段时间了,最近我将我的文件迁移到一个具有 Asp.NET 后端以及 React 和 TypeScript 前端的新项目中。 服务器本身可以工作,我们...

回答 1 投票 0

向 REST API 添加前端

我正在努力弄清楚如何向我的 Rest API 添加前端。我正在尝试创建一个 HTML 页面,该页面会根据访问的 url 动态更改。我目前收到 JSON 响应...

回答 1 投票 0

如何在顺风中给出背景图片的路径/url?

我在我的 React 项目中使用 Tailwind。我想在 div 中添加背景图像,但它显示以下错误: 找不到模块:错误:无法解析“C:\Users...”中的“../../icons/blog-hero-1.png”

回答 2 投票 0

如何通过组合滤镜和蒙版来使用 SVG 实现渐进模糊?

我试图实现像图像上的线性模糊效果,但只使用svg,没有css! 请注意图像的顶部完全模糊,但底部却没有。 在 SVG 模糊效果中...

回答 1 投票 0

如果父子组件在React中共享相同的状态变量,如何重新渲染子组件

我的父组件有多个子组件,我只想重新渲染选定的子组件,而不是一遍又一遍地重新渲染父组件。 const 父组件 = () => { const [state1, setState1] = useState(0); ...

回答 1 投票 0

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