web-frontend 相关问题

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

我不明白为什么queryClient.getQueryData()返回未定义(React Query)

所以我有一个表单组件,在其中存储值然后将其保存到服务器。保存到服务器可以与 useMutation 一起使用,但是当我使用 getQueryData 来手动更新查询状态时...

回答 1 投票 0

尝试使用媒体查询使标题图像响应

我正在使用 Bootstrap 5 制作一个网站,我正在尝试使用媒体查询使网站的标题图像响应。我喜欢它在台式机、笔记本电脑和平板电脑视口上的外观,但是......

回答 1 投票 0

如何在 HTML/CSS/Javascript 中根据屏幕尺寸更改背景图像? (艺术指导)

我目前正在开发一个项目,其中的元素在桌面上显示为纵横比为 5:6 的卡片。在移动设备上,相同的元素显示为风格化 l 的条目...

回答 1 投票 0

如何使用 MUI 在 React js 中显示嵌套菜单

我正在使用 Material UI 构建一个反应菜单。我想要一个类似于下图的嵌套菜单或下拉菜单。当我将鼠标悬停在或单击下拉项时,我想显示 nes...

回答 1 投票 0

API 获取数据问题

我处于 React 框架的初级水平,正在创建一个天气应用程序。因此,我从 API 获取数据并将对象作为值传递给组件中的参数。现在当尝试访问

回答 1 投票 0

为什么这不会产生使用 Tailwindcss 在 nextJS 13 中将其设置为背景图像所需的效果?

正如标题所说。我正在努力思考如何才能达到预期的效果。 从“反应”导入反应; 从“下一个/图像”导入图像; 从...导入英雄背景

回答 1 投票 0

如何允许在我的wordpress网站中注册的用户,对表格的特定单元格中的图片进行收费

大家好,我希望能很好地解释我需要做什么。 我有一个 buddyboss 网站,用户通过重力形式注册。我们是一家演员经纪公司,所以我想创建一个演员可以插入的布局...

回答 1 投票 0

如何根据与打字稿反应的其他道具使反应道具成为可选和必需的

我有一个反应按钮容器组件,它根据用户使用 prop 提供的类型返回常规按钮或图标按钮或仅图标按钮。以下是ButtonCon...

回答 1 投票 0

从父节点动态删除节点

开发需要根据需要添加和删除项目的应用程序。 UI如下图所示: 工作流程: 单击添加图标后,将添加一个新列,该列允许辅助...

回答 0 投票 0

如何隐藏移动导航栏后面的“向下滚动”图标和文字?

z-index 问题。当我打开移动导航栏时,我无法隐藏移动导航栏后面的图标和文本。它只是在移动菜单上弹出。我写了移动导航栏图标功能...

回答 1 投票 0

当我按下按钮时,我无法立即获取新信息。该过程根据旧信息进行

我很新才做出反应。有一个地方我被卡住了。 我有动作按钮。当我按一个的时候,首先检查它之前是否被点赞过,然后我使用 useMutate 删除点赞...

回答 0 投票 0

尽管启用了 HTTPS,敏感数据在浏览器开发工具中仍然可见

我通过 HTTPS 运行我的应用程序,当尝试登录时,我需要发送我的用户名和密码。然而,在浏览器的devtools中,敏感信息在p中可见...

回答 1 投票 0

为什么我的 npm 需要几个小时才能安装依赖项?

当我必须开始一个网络项目的那一天,我感到畏缩。我使用 yeoman 和 gulp-angle 生成器来设置我的工作流程。从来没有一次 npm install 成功而不失败过一次。 一个...

回答 2 投票 0

未捕获的类型错误:length_el为空我在Javascript中遇到此错误

我正在创建一个密码生成器网络应用程序,我创建了一个生成随机代码的函数,我不知道为什么会收到此错误,因为我是网络开发新手,所以,请查看我的代码...

回答 0 投票 0

如果我已经制作了 Js,还需要前端框架/捆绑器/打字稿吗?

我正在通过制作一个网络应用程序来学习网络开发,我已经用html、css和javascript完成了前端。然而,我看到了一个关于路线图的视频,上面说我需要一个框架和其他东西......

回答 1 投票 0

如何正确(安全地)为 Azure SWA 托管的 React.js 网站(仅前端;无后端)设置环境变量?

我的设置是基于 Vite 的开发环境和 React.js 框架; CI/CD 的 GitHub 操作。 我可以毫无问题地将我的环境变量传递到我的应用程序中。但是,万一我经营一家...

回答 1 投票 0

Kg未定义[关闭]

ReferenceError: Kg is not defined 一些用户在访问我的网站时遇到了这个问题,他们使用的是chrome,ReferenceError: Kg is not defined,请帮助我。 这个问题的原因...

回答 0 投票 0

对于内容管理简单的 4 页网站,哪个 CMS 是一个不错的选择?

我正在为我的朋友构建一个 4 页的平面文件系统网站,前端使用 HTML、CSS 和基本 JavaScript。我朋友的编码知识很少,所以我正在寻找 CMS(最好...

回答 1 投票 0

Devtools 未加载

我是编码新手,已经学习 html、css 和 js 一段时间了,一切进展顺利,但出于某种原因,每当我使用 vsc 并在 chrome 上打开控制台时,我都会在 co 中收到两条弹出消息...

回答 1 投票 0

React JS:为什么提交事件处理程序不需要箭头函数

我目前正在编写 web dev simplifed 的反应待办事项列表的 Youtube 教程 关联 源代码 在 NewToForm.jsx 表单中,有一个带有 onSubmit 处理程序的表单 我目前正在编写 web dev simplifed 的反应待办事项列表的 Youtube 教程 链接 源代码 在 NewToForm.jsx 表单中,有一个带有 onSubmit 处理程序的表单 <form onSubmit={handleSubmit} className="new-item-form"> <div className="form-row"> <label htmlFor="item">New Item</label> <input value={newItem} onChange={e => setNewItem(e.target.value)} type="text" id="item" /> </div> <button className="btn">Add</button> </form> function handleSubmit(e) { e.preventDefault() if (newItem === "") return onSubmit(newItem) setNewItem("") } 代码中onSubmit的值等于handleSubmit,是一个改变一些状态值的函数。 但据我所知,需要一个箭头函数来包装事件处理程序,否则反应会无限次地重新渲染。 为什么需要将箭头函数与 React 事件处理程序一起使用 |通过基里尔·易卜拉欣 |开发天才 所以我想问一下为什么submit的事件处理函数和click和change的不同? handleSubmit函数有什么特别之处吗?谢谢! onSubmit的form与其他元素的任何事件都没有什么不同。 在 Javascript 中,function 是一等对象,这意味着,它们可以分配给变量并传递。类似于我们在变量中传递字符串或整数的方式。 现在在这一行: <form onSubmit={handleSubmit} className="new-item-form"> 我们在技术上将表格的onSubmit功能设置为我们的handleSubmit。需要注意的一件事是我们只是 assigning handleSubmit 到 onSubmit 这就是为什么它有效。 现在在您链接的文章上,它显示如下内容: <form onSubmit={handleSubmit()} className="new-item-form"> 关键的区别是这次,是onSubmit={handleSubmit()}。这不再是一项任务。一旦我们添加了(),它就已经是一个函数调用并且调用了handleSubmit。这也是为什么在每次渲染期间,它已经被立即调用。 如果我们坚持做onSubmit={handleSubmit()}的方式,我们必须把它放在一个箭头函数中,这样它就不再是函数调用了,而是要调用的函数的定义(又是一个assignment)。像这样的东西: <form onSubmit={() => handleSubmit()} className="new-item-form"> 如果我们在函数上没有参数,我们可以坚持使用 onSubmit={handleSubmit} 以获得更简单的语法,但是如果我们有参数,我们就不能真正传递它,因为一旦我们添加了 () 它将成为一个函数称呼。因此,我们有箭头函数语法来帮助我们这样: <form onSubmit={() => handleSubmit(name)} className="new-item-form">

回答 1 投票 0

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