frontend 相关问题

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

取消 HTTP Post 请求

在react如何取消post请求时，我使用react查询和fetch()。我想在发出另一个请求时取消一个待处理的发布请求。因此，这种情况是每当用户触摸某些...

reactjs next.js frontend react-query

回答 1 投票 0

可以只使用 Qt 和 WebAssembly 而不是 HTML/CSS/JavaScript 来开发前端 Web 应用程序吗？

我是一名C++程序员，但由于某种原因，我必须自己开发一个网站（我自己的商业项目）。我不想花很多时间去学习 JavaScript 和其他东西。可以吗...

c++ qt web frontend webassembly

回答 2 投票 0

TradingView Widget 的多个渲染

我正在使用来自 tradeview.com 的实时图表，但该图表在开始时会渲染两次，每当我在代码中更改某些内容时，该图表就会再次渲染。因此...

javascript reactjs frontend memo

回答 3 投票 0

创建待办事项应用程序时面临反冲根错误

图像：1 => (https://i.stack.imgur.com/cIvWr.png) 图片：2 => （https://i.stack.imgur.com/K1swM.png）我对反冲/反应很陌生。我正在尝试创建一个待办事项应用程序，其中包含待办事项...

javascript reactjs frontend recoiljs

回答 1 投票 0

将 Modernizr 与 Angular2 和 Typescript 打字结合使用

我正在尝试向我的 angular2 项目添加现代化支持。我已经配置了 tsconfig、webpack.config、package.json 并且构建工作正常。但我不知道如何使用模式...

angular frontend modernizr

回答 2 投票 0

禁止在 React 组件定义中缺少 props 验证

当我使用Vite创建react项目时，在定义prop时遇到以下错误。如果我创建 React App 没有这个问题，为什么会出现这个错误？也许我还没有ins...

reactjs frontend jsx vite react-props

回答 1 投票 0

使用 next js 14.1.1 发送一个对象，它在我发送到的页面上显示为未定义

我正在将一个名为footprintsData的对象从我的问题屏幕发送到结果屏幕，如下所示常量足迹数据 = { carFootprint：圆形CarFootprint， ...

next.js frontend navigation

回答 1 投票 0

React-pdf 渲染器不适用于 React 18

我正在尝试使用下一个命令在React版本18上安装react-pdf/renderer npm install @react-pdf/renderer --save 但它在 18 版本上不起作用。你有什么解决办法吗？

javascript reactjs frontend

回答 6 投票 0

Mui 模态背景颜色

我正在尝试更改 mui 模型中的背景颜色我尝试了backgroundProps，但它已被贬低我该如何实现这一点我正在尝试这样 # 我正在尝试更改 mui 模型中的背景颜色，我尝试了backgroundProps，但它已被删除，我该如何实现这一点我正在尝试这样 # `` backDropProps 我收到已弃用的消息 Material UI 已弃用 backDropProps，请使用 slotProps.backdrop 代替 <Modal open={model} maxWidth={'md'} fullWidth slotProps={{ backdrop: { sx: { backgroundColor: 'purple' } } }}> </Modal>

reactjs material-ui frontend

回答 1 投票 0

在 next.js 13 中使用下一个 ui 导航栏时出现问题

“使用客户端” 从“@nextui-org/react”导入{导航栏、按钮、链接、文本}；从“@nextui-org/react”导入{styled} const Box = styled("div", { 盒子尺寸...

reactjs next.js frontend next.js13 nextui

回答 1 投票 0

有没有办法让我的表单输入已经填充了一些数据？

<form onSubmit={handleSubmit}> <div className="mb-4"> <label htmlFor="title" className="block text-gray-700 font-bold mb-2" > Title </label> <input type="text" id="title" name="title" className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" onChange={handleChange} /> </div> {/* author */} <div className="mb-4"> <label htmlFor="author" className="block text-gray-700 font-bold mb-2" > Author </label> <input type="text" id="author" name="author" className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" onChange={handleChange} /> </div> {/* language */} <div className="mb-4"> <label htmlFor="language" className="block text-gray-700 font-bold mb-2" > Language </label> <input type="text" id="language" name="language" className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" onChange={handleChange} /> </div> {/* year_of_prod */} <div className="mb-4"> <label htmlFor="year_of_prod" className="block text-gray-700 font-bold mb-2" > Year of production </label> <input type="number" id="year_of_prod" name="year_of_prod" className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" onChange={handleChange} /> </div> {/* publisher */} <div className="mb-4"> <label htmlFor="publisher" className="block text-gray-700 font-bold mb-2" > Publisher </label> <input type="text" id="publisher" name="publisher" className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" onChange={handleChange} /> </div> {/* subjects */} <div className="mb-4"> <label htmlFor="subjects" className="block text-gray-700 font-bold mb-2" > Subjects </label> <input type="text" id="subjects" name="subjects" className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" onChange={handleChange} /> </div> {/* no_of_pages */} <div className="mb-4"> <label htmlFor="no_of_pages" className="block text-gray-700 font-bold mb-2" > Number of pages </label> <input type="number" id="no_of_pages" name="no_of_pages" className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" onChange={handleChange} /> </div> {/* price */} <div className="mb-4"> <label htmlFor="price" className="block text-gray-700 font-bold mb-2" > Price </label> <input type="number" id="price" name="price" className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" onChange={handleChange} /> </div> {/* rack */} <div className="mb-4"> <label htmlFor="rack" className="block text-gray-700 font-bold mb-2" > Rack </label> <input type="number" id="rack" name="rack" className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" onChange={handleChange} /> </div> {/* image */} <div className="mb-4"> <label htmlFor="image" className="block text-gray-700 font-bold mb-2" > Image </label> <input type="text" id="image" name="image" className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" onChange={handleChange} /> </div> {/* isbn */} <div className="mb-4"> <label htmlFor="isbn" className="block text-gray-700 font-bold mb-2" > ISBN </label> <input type="text" id="isbn" name="isbn" className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" onChange={handleChange} /> </div> <div className="mb-4"> <button type="submit" className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" > Add Book </button> </div> </form> 这是用 React 和 Tailwind 编写的代码的一部分。我的想法是，当用户单击一本书时，该表单将显示所选书籍的一些填充数据，然后用户可以通过更改一些“预填充数据”来更改或更新书籍信息。问题是我不知道如何让表单的输入已经填写完毕。我尝试了很多使用属性值但没有成功在输入中输入 value={someState}，或 defauleValue={someState} 输入可以接收“defaultValue”属性。这将按照描述的方式运行：表单输入将以用户可以更改的值开始。示例： <input name="author" defaultValue="Ray Bradbury" id="author" onChange="handleChange" /> 反应文档链接： https://react.dev/reference/react-dom/components/input#providing-an-initial-value-for-an-input 您也可以通过使用 value 属性和 useState 挂钩来使用“受控”输入，但这可能不是您在本例中所寻找的，因为它带来了更多的状态管理。

reactjs deployment frontend

回答 2 投票 0

为什么我的 Flex 子项尺寸不相等？

尽管为父容器指定了一组高度和宽度，并为每个子容器分配了相同的空间，但当我设置 justify-content 时，一个 div 会比其他容器大。没有垫子...

css reactjs frontend tailwind-css

回答 1 投票 0

当我将光标拖动到文本上时存储之前的位置

我想在移动光标时存储上一个位置。如果当前位置大于前一个位置，我想增加文本的背景位置，反之亦然......

javascript html css frontend

回答 1 投票 0

CSS悬停属性在画布动画背景时不起作用

我已经使用了 Codepen 中预先编写的代码，该代码使用 Canvas 和 webGL 作为我身体上的动画背景，但是现在使用它，我的悬停属性不起作用，我的背景大小也不起作用......