小编may*_*513的帖子

假设我有一个表单，它根据用户输入从 API 检索和显示信息。当用户输入查询时（为了简单起见，假设他们正在更改每页的结果数量），组件应该做出反应并加载新数据。我想给用户一个缓冲区 - 比方说，2 秒。如果他们输入了输入，并且 2 秒后没有任何新输入，则该组件将执行 axios 请求。但是，如果在此期间输入更多输入，“超时”将重置回 2 秒。

我觉得我会使用一个受监视的属性来完成此任务，但在实施过程中遇到了困难。有一个显而易见的setTimeout方法，但它不允许我重置计时器 - 我只是多次调用它并延迟 2 秒。

如何使用 Vue.js 等待用户输入，然后等待 2 秒的不活动状态（在该组件上），然后执行 axios 请求？

相关Vue模板：

<template>
    <input
        type="number"
        v-model.number="perPage" />    
</template>

相关Vue脚本：

<script>
    export default {
        data: function () {
            return {
                perPage: 25,
            }
        },
        methods: {
            myAxiosCall() {

            }
        }
    }
</script>

我正在使用 Next.js 和 Firebase 开发一个 Web 应用程序。我已在我的应用程序中成功实现了 Google 登录，但遇到了导致登录过程无法按预期完成的问题。

当我尝试登录时，会按预期显示一个弹出窗口。但是，在控制台中，我看到以下错误：

Cross-Origin-Opener-Policy policy would block the window.closed call.

由于此错误，登录过程无法完成，用户也无法正确登录。

一些进一步的上下文：我正在本地主机上的开发环境中测试此功能。该问题在 Chrome 上存在，但在 Firefox 上不存在。

此错误是否是由于 Cross-Origin-Opener-Policy 的配置错误造成的？如果是这样，我如何在 Next.js 应用程序中正确配置此政策以使用 Firebase 进行 Google 登录？

在我的应用程序中，我收到使用menifest中的“application/pdf”意图过滤器打开pdf文件的意图。

经过大量研究后，我尝试按照代码打开文件。

     try {
            File f = new File("file://"+uri.getPath());
            Toast.makeText(k.this, f.getAbsolutePath(), Toast.LENGTH_LONG).show();
            Toast.makeText(k.this, f.exists()?"Y":"N", Toast.LENGTH_LONG).show();
            parcelFileDescriptor = ParcelFileDescriptor.open(f, ParcelFileDescriptor.MODE_READ_ONLY);
        } catch (IOException e) {
            e.printStackTrace();
        }

当我从文件管理器中单击文件并使用我的应用程序打开它时，它说该文件不存在。这意味着我无法从 URI 创建文件。

所以我的问题是如何从 URI 获取parcelFileDescriptor。

我习惯了Android Studio，不想使用其他IDE进行Java开发。如何在 Android Studio 中运行纯 java？

我正在使用 nextjs 构建一个简单的应用程序。我的大部分组件都是功能组件。但是，我有一个类组件来处理表单。

我想在提交表单后重定向到主页。console.log(this.router)给出未定义。由于它是一个类组件，我无法使用useRouter()钩子。如何在 next.js 的类组件中获取对路由器的引用？

我想将一个元素从一个父级移动到另一个父级。在这里我想应用 CSS 变换动画。

function abc() {
let child = document.querySelector("#child");
let parent = document.querySelector("#div_b");

parent.appendChild(child);
}

<div id="div_a" style="height:30px; width:30px; background-color:yellow;">
    <div id="child" class="new-box">
        <div style="width: 20px; height: 20px; background-color: green;"></div>
    </div>
  </div>

  <div id="div_b" style="height:30px; width:30px; background-color:red;">
  </div>
  
<button onclick="abc()">move</button>

我按照此处的官方示例使用 vitest 来测试 Next.js 应用程序。

我收到错误消息“InvalidCharacterError：“../../company-logo.svg”与名称生产不匹配”。最后我发现图像是因为 svg 作为组件导入的。当我将 svg 导入作为组件删除时，它工作得很好。

我用来@svgr/webpack将 svg 作为组件加载到我的 Next.js 13 应用程序中。我尝试添加vite-plugin-svgr但vitest.config.ts它不起作用。

import { defineConfig } from "vitest/config";
import react from "@vitejs/plugin-react";
import tsconfigPaths from "vite-tsconfig-paths";
import svgr from "vite-plugin-svgr";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react(), tsconfigPaths(), svgr()],
  test: {
    environment: "jsdom",
  },
});

有什么办法可以解决这个问题吗？

我已经在 Hostinger 上部署了 ReactJS 项目，在其中打开任何新选项卡或刷新页面时都会出现错误 404

我使用了最新版本的react router dom

Index.js
<Browserrouter>
<App/>
<Browserrouter/>


App.js

<Routes>
<Route path="/" element={<Home/>}/>
        <Route path="/about-us" element={<Aboutus/>}/>
        <Route path="/contact-us" element={<Contactus/>}/>
        <Route path="/career" element={<Career/>}/>
        <Route path="/work" element={<Work/>}/> 
        <Route path="/services" element={<ServicesMain/>}/>

<Routes/>

我一直在考虑使用用户名和密码凭据实施 NextAuth，但没有找到将自定义错误返回到客户端的方法。看来我只能从授权方法返回 200 ok 或重定向到错误页面，然后您可以在查询字符串中添加自定义错误。然而，这对于我的情况来说不是一个正确的解决方案，因为我需要客户端仅从 sigIn 调用接收自定义错误代码或消息。

如何返回自定义错误，例如

“无效的邮件地址”

“帐户被封锁”

“无效的密码”

或者还需要其他什么定制吗？

谢谢

我开始在我的 Next.js 应用程序中使用样式化组件。使用样式化组件探索全局样式的最佳实践。问题的第一部分是如何使用样式组件创建全局样式。

第二个也是更重要的部分是，结合使用 CSS 文件和样式组件是否是好的做法，还是反做法？