frontend 相关问题

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

NEXT.JS 中的自定义图标

我正在使用自定义文件(Heading.tsx)作为“标题和元数据”,我想在我的 next.js(14) 应用程序中添加自定义图标。请帮我!!。这是代码: 从“...

回答 1 投票 0

通过 CloudFront / S3 与 Docker / EKS 部署 React 应用程序

我的应用程序有一个用 React 构建的前端和一个用 Node/Express 编写的后端。 后端将被容器化并托管在 AWS EKS 上。 对于前端 Reactjs 应用程序,使用

回答 1 投票 0

为什么 tailwind 不允许使用 *: 修饰符直接设置子项的样式来直接设置子项的样式

我有时会遇到这样的情况:在设置元素样式时,除了一两个独特的元素外,大多数元素都使用相同的样式。 我想我想要 *: 修饰符来处理子目录的样式...

回答 1 投票 0

在Wordpress前端发帖上使用现有标签

我有一个前端帖子,允许用户更新他们的帖子。目前我正在使用它来允许输入新标签: 这是我的 HTML 表单: 我有一个前端帖子,允许用户更新他们的帖子。目前我正在使用它来允许输入新标签: 这是我的 HTML 表单: <form id="featured_upload" method="post" action="#" enctype="multipart/form-data"> <input type="file" name="new_image_upload" id="new_image_upload" multiple="false" /> <input type="text" name="newtags" id="newtags" value="" /> <input type="hidden" name="post_id" id="post_id" value="" /> <?php wp_nonce_field( 'new_image_upload', 'new_image_upload_nonce' ); ?> <input id="submit_new_image_upload" name="submit_new_image_upload" type="submit" value="Upload" /> </form> 这是代码的一部分: // If the form has been submitted with new tags if ( isset( $_POST['newtags'] ) ) { // get existing tags $post_tags = get_the_tags(); // concatenates both existing and new tags $concatenated_tags = array($post_tags, sanitize_text_field($_POST['newtags'])); // Add all the tags to the post wp_set_post_tags(get_the_ID(), $concatenated_tags , true ); } 这样做的问题是在我的数据库上创建了许多不必要的标签,我需要我的用户看到我的数据库中已经存在的标签的建议。 所以,我需要<input type="text" name="newtags" id="newtags" value="" />使它们成为现有的标签建议,就像wordpress在帖子编辑后端所做的那样。请参阅下图以在我的前端表单上检查所需的结果: 我建议在前端使用 Select2 javascript 库,特别是自动标记化标记功能。请参阅此处:https://select2.org/tagging#automatic-tokenization-into-tags 将 Select2 文件排入前端后,您可以执行以下操作... 您的前端表单: 请注意,我添加了 $has_tag 变量,它将自动选择当前帖子的所有已保存标签。参见selected() <?php $post_id = get_the_ID(); ?> <form id="featured_upload" method="post" action="#" enctype="multipart/form-data"> ... <input type="hidden" name="post_id" value="<?= $post_id; ?>"> <select name="tags" multiple id="frontend-tagger"> <?php if ( $tags = get_terms( [ 'taxonomy' => 'post_tag', 'hide_empty' => false ] ) ): ?> <?php foreach ( $tags as $tag ): ?> <?php $has_tag = selected( has_tag( $tag->term_id, $post_id ), true, false ); ?> <option value="<?= $tag->name; ?>"<?= $has_tag; ?>><?= $tag->name; ?></option> <?php endforeach ?> <?php endif ?> </select> ... </form> JS启动select2字段: $( '#frontend-tagger' ).select2( { tags: true, tokenSeparators: [ ',' ] } ); 保存过程:请注意,因为我们现在将已保存的标签包含在有效负载中,所以我们不需要连接现有标签。我们现在可以将 wp_set_post_tags 的第三个参数更改为 false,因为我们不需要附加标签。 $post_id = !empty( $_POST[ 'post_id' ] ) : (int)$_POST[ 'post_id' ] : null; if ( isset( $_POST[ 'tags' ] ) ) { // Sanitize array values $tags = array_map( 'sanitize_text_field', $_POST[ 'tags' ] ); wp_set_post_tags( $post_id, $tags , false ); } 上面的代码尚未经过测试,只是您工作的起点。 希望这有帮助!

回答 1 投票 0

为什么主题不改变

说明: 我在 React 应用程序中实现了一个主题切换按钮,用于在浅色和深色主题之间切换。但是,我遇到了一个问题,即单击按钮不会导致我...

回答 2 投票 0

在以下代码测试中未记录或调用函数

我已经测试了我的代码几次,并且在输出中遇到了相同的错误: 失败的测试 1:未记录 consoleStyler() 变量 通过测试 2:成功登录

回答 3 投票 0

如何让cancelOrder()起作用? (wix-velo API)

这里是API后端参考: https://www.wix.com/velo/reference/wix-pricing-plans-backend/orders/cancelorder 我已将 Wix 定价计划安装到我的 Wix 站点(无需代码),但它没有...

回答 1 投票 0

显示 Flex 不适用于水平对齐 div

我正在向 Tauri 提交申请,但前端遇到问题。我创建了一个 div 来承载用作按钮的底层 div,但问题是它们......

回答 1 投票 0

使用CDN制作tailwind css手动暗模式

我想用顺风CSS制作暗/亮模式。 我正在 go 中制作我的后端和 API,所以我想避免使用 npm。这就是为什么我选择基于 CDN 的安装。 我的 HTML 代码就像这样...

回答 1 投票 0

如何在Next.js中在后台创建网格瓷砖图案

我想使用 TailwindCSS 创建一个网格图块图案,就像这个例子一样。 网格图案具有 90 度角的线性渐变,顶部颜色为红色,不透明度为 100%,底部...

回答 1 投票 0

jwtDecode - InvalidTokenError:指定的令牌无效:第 2 部分的 base64 无效(属性“atob”不存在)]

所以我正在学习 Mosh 在 Code with Mosh 上的关于 React Native 的在线课程,尽管有些东西已经过时并且我必须找到解决方法,但一切都进展顺利......

回答 2 投票 0

图像未在 Firebase 上部署的 next.js 项目上呈现

我是第一次尝试 Next.js。我已经建立了一个网站并尝试将其托管在 firebase 托管上。其他一切工作正常,但图像未在托管站点上呈现。 我的项目...

回答 1 投票 0

我是否错误地传递了这个道具?

我正在使用 React 和 Tailwind CSS 创建一个网站,我不知道为什么悬停在按钮上不起作用。 我添加了我的自定义颜色所有道具,但悬停颜色还可以,我也不知道为什么会发生反应...

回答 1 投票 0

自动向下滚动

我有一个闪电网络组件,当内容太多而无法容纳容器/div 的最大高度时,它会自动创建滚动条。 当添加更多内容时,组件保持...

回答 1 投票 0

Angular 库兼容性:在版本 12 或 17 应用程序中使用版本 14 库

我已经使用版本 14 创建了多个 Angular 库。我有兴趣将它们合并到使用 Angular 版本 12 或 17 构建的应用程序中。但是,我在此过程中遇到了错误...

回答 1 投票 0

删除的vue组件在服务器启动时仍然抛出错误

我正在尝试遵循 vue 项目教程,因为我是 vue 开发环境的新手。当我像教程中那样删除 hellovue 组件时,因为它是一个组件,我将...

回答 0 投票 0

有没有办法修复这个 PropType 错误,它说我将 fromData 作为字符串而不是对象传递

这是我从网页控制台收到的错误 警告:失败的 prop 类型:提供给 FirstSection 的字符串类型的 prop formData 无效,预期对象。 在第一部分(http://localhost:51...

回答 1 投票 0

为什么 ES6 导入在纯 js 文件中不起作用

我在从库导入纯 JavaScript 文件时遇到问题 例如,目前我正在尝试学习 Redux,我发现我应该学习 redux 工具包。但是当我尝试导入时

回答 1 投票 0

在 Nuxt 中努力使用 $fetch 而不是 usefetch :

这是我用于身份验证前端的代码,但是两天前出现了以下错误,我问自己如何修复该警告......但我不知道如何解决。 ..

回答 1 投票 0

使用nextJS时如何进行独立构建?

我正在开发一个项目,他们选择使用 nextJS 作为客户端工具,但我想将客户端作为静态代码部署在其他地方。 进行构建会创建一个包含所有 nextJS 的文件夹

回答 2 投票 0

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