frontend 相关问题

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

我正在准备员工工资表，其中有如下列。 [实际表，即material-react-table] https://i.stack.imgur.com/zVbnD.png）常量列 = useMemo( () => [ ...

reactjs material-ui frontend material-react-table

回答 1 投票 0

我是html新手，我想创建填充容器的卡片。 HTML：服务1... 我是 html 新手，我想创建填充容器的卡片。 HTML： <div class="services-container> <div class="services-card"> <h3>Services 1</h3> <p>Services Information</p> </div> <div class="services-card"> <h3>Services 2</h3> <p>Services Information</p> </div> /!-- and more services --> </div> CSS： .services-container { display: flex; align-content: flex-start; } .services-card { display: flex; flex-direction: column; } 结果像这样的图片一样损坏了：如果有人可以帮助我并提供学习资源，我将不胜感激，谢谢。卡片填充容器而不会溢出设备宽度首先，您的代码在第一类“services-container”中缺少双引号。除此之外，我不知道我是否完全明白你的意思，但是如果你想用所有服务填充整个容器，你可以在 CSS 中添加 width: 100% 。就像这样： .services-card { display: flex; flex-direction: column; width: 100%; }

javascript html css flexbox frontend

回答 1 投票 0

我怎样才能让我的<div>元素并排内联

我有点努力想弄清楚这一点。我在 Flexbox 部分中有 3 个元素，该部分的 Flex 方向设置为列。到目前为止，我的代码将我的 h2 元素集中在该部分的顶部......

html css flexbox frontend

回答 1 投票 0

如何将前端指向本地后端服务器进行本地测试

我正在开发一个全栈网络应用程序，它既有前端又有后端。在生产中，我的前端将托管在 https://frontend.com，我的后端将托管在 https://backend.com。看来是有原因...

frontend localhost web-development-server manual-testing

回答 2 投票 0

如何在事件发生后删除/清理加载的数据

我想加载一个 CSV 文件并将其发送到后端。为此，我使用了react-csv-reader。我基本上加载一个文件，然后按下另一个按钮并将数据发送到后端。我的问题是，之后

javascript node.js reactjs react-native frontend

回答 3 投票 0

带有三角形的css矩形

我怎样才能在scss上做到这一点我尝试使用 svg 来表示三角形，但是渐变对三角形的效果不好我怎样才能在scss上实现它我尝试使用 svg 来表示三角形，但是渐变对三角形的效果不好 <svg viewBox="0 0 16 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0H0.343369C2.90388 0 5.30968 1.22564 6.81495 3.29695L14.0822 13.297C16.1201 16.1012 16.1201 19.8988 14.0822 22.703L6.81495 32.7031C5.30967 34.7744 2.90388 36 0.343369 36H0V0Z" fill="#181A28"/> <path d="M0 0H0.343369C2.90388 0 5.30968 1.22564 6.81495 3.29695L14.0822 13.297C16.1201 16.1012 16.1201 19.8988 14.0822 22.703L6.81495 32.7031C5.30967 34.7744 2.90388 36 0.343369 36H0V0Z" fill="url(#paint0_radial_2_119457)"/> <defs> <radialGradient id="paint0_radial_2_119457" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(62 36) rotate(-90) scale(46.5 162.75)"> <stop stop-color="#4C2FFF"/> <stop offset="1" stop-color="#0E0F16"/> </radialGradient> </defs> </svg> <div className={classNames( 'absolute right-[-6px] top-[50%] z-[-1] h-[34px] w-[16px] translate-y-[-50%]', layoutData?.side === 'left' && 'left-[-6px] right-[initial] rotate-180', )} > <TriangleIcon /> </div> 我会尝试使用剪辑路径： <div class="shape"></div> .shape { width: 250px; height: 70px; background: linear-gradient(to bottom, #a65bff, #8a2be2); clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 50%); border-radius: 20px; } 请参阅此处的示例：https://codepen.io/plant996/pen/rNbrQZV 尖头部分的半径很棘手，您还可以使用带有路径的剪辑路径，请参阅：https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path . 希望有帮助！

html css sass frontend

回答 1 投票 0

如何使展开的部分与其他部分达到相同的高度？

我正在尝试制作一个带有扩展项目列表的 html css 页面。我需要扩展部分也与 Figma 设计图像具有相同的垂直位置身体 { 玛...

javascript html css frontend sidebar

回答 1 投票 0

Angular 重新加载：动态 TenantID 识别和通用数据更新实现

在我的Angular应用程序中，我遇到需要在页面重新加载时检查tenantId并加载相关信息。目前，我已经在多个地方直接实现了这个逻辑

angular typescript rxjs frontend web-development-server

回答 1 投票 0

运行 npm run dev 时出现错误，我该如何修复？

我使用vite生成前端模板。 package.json 位于前端目录中并包含 dev 但我收到此错误。该项目是django和react。我在后面使用Python VE...

reactjs node.js npm frontend vite

回答 1 投票 0

深色模式无法正常同步？

我在同步 Django 管理面板主题与应用程序端主题时遇到问题...每当我从应用程序端的深色模式切换到浅色模式时，它都会更改为自动，并且应该...

javascript django frontend django-admin

回答 1 投票 0

将 tailwind 和外部 CSS 转换为内联样式

我正在使用顺风类以及外部样式表中定义的自定义类。我需要将代码转换为内联样式以便在其他地方使用。我怎样才能做到这一点？ HTML：我正在使用顺风类以及外部样式表中定义的自定义类。我需要将代码转换为内联样式以便在其他地方使用。我该怎么做？ HTML： <div class="lg:w-1/4 w-full h-auto px-4 py-2 bg-orange border-2 shadow-lg border-orange rounded-2xl flex gap-2 items-center"> <img src="/Icons/illustration_no-payment.svg" alt="illustration_no-payment"> <div class="h-auto flex flex-col justify-between"> <h3 class="text-mont text-sm text-lblack font-bold">Oh no, your Payment Failed!</h3> <p class="text-mont text-xs text-l2black">Please contact us directly so we can put this right without delay. We appreciate your patience.</p> </div> </div> CSS： .text-lblack { color: #1d1d1d; } .border-orange { border-color: #fd4949; } .text-l2black { color: #444445; } 我正在寻找相同的答案，我想将我的反应组件的 tailwindcss 转换为内联样式以达到某种目的。你有解决这个问题吗

html css frontend web-frontend

回答 1 投票 0

Typo3 前端性能问题 - 页面加载缓慢

多年来，我们使用 Typo3 构建的网站在过去一周一直表现缓慢。当我们尝试访问我们的网站时，加载时间非常慢，有时需要......

performance frontend typo3 content-management-system typo3-6.2.x

回答 1 投票 0

创建具有一致笔划宽度和圆角的响应式 SVG 形状

我正在开发一个项目，我需要创建具有响应其父容器大小的笔划的 SVG 形状。我希望这些形状始终填充其父级的宽度和高度

javascript html css svg frontend

回答 1 投票 0

当我按编辑时，待办事项列表项消失，当我按删除时，id 待办事项列表消失

我正在尝试创建一个简单的待办事项列表应用程序来练习 JS。每个待办事项列表都有两个按钮，我试图通过事件解除管制来实现按钮行为。然而，当我按下编辑键时，...