next.js 14 错误：无法读取未定义的属性（读取“get”）”
官方示例https://github.com/vercel/next.js/tree/canary/examples/next-forms在createTodo时出现错误“Error: Cannot readproperties of undefined (reading 'get')”。但是……
当我将 jsonwebtoken 导入到我的 React 项目中时，出现 Uncaught TypeError: Buffer2 is undefined 。 import jwt from jsonwebtoken 和 import {decode} from 'jsonwebtoken' 都会引发错误。 我正在使用
在使用 TypeScript 进行 React 时，输入字段在“值”处给出错误
从“react”导入{SetStateAction，useState} const 登录表单 =() =>{ const [名称，setName] = useState(); const [全名，setFullname] = useState import { SetStateAction, useState } from "react" const Loginform =() =>{ const [name, setName] = useState<String | null>(); const [fullname, setFullname] = useState<String | null>(); const inputEvent =(event: { target: { value: SetStateAction< String |null | undefined >; }; })=>{ setName(event.target.value) } const Submit = ()=>{ setFullname(name) } return <> <h1>Enter Your Name </h1> <input type="text" placeholder="Enter your name" onChange={inputEvent} value={name}/> <button onClick={Submit}>Submit</button> <h1>Hi {fullname==null? "Guest" :fullname}</h1> </> } export default Loginform <input type="text" placeholder="Enter your name" onChange={inputEvent} value={name}/> 上一行中的“value”属性显示错误 这是错误详细信息： (property) React.InputHTMLAttributes<HTMLInputElement>.value?: string | number | readonly string[] | undefined Type 'String | null | undefined' is not assignable to type 'string | number | readonly string[] | undefined'. Type 'null' is not assignable to type 'string | number | readonly string[] | undefined'.ts(2322) index.d.ts(2398, 9): The expected type comes from property 'value' which is declared here on type 'DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>' 也尝试写 return as any。或者尝试添加 string[]，但出现错误。 进行以下调整： 将 String 替换为 string，因为原始 Typescript 类型是小写的 (number, string, boolean, etc) TypeScript 报告此错误，因为属性值不接受 null 作为值，而是接受 undefined。将代码更新为： const [name, setName] = useState<string>() 这会使用 string 作为默认类型来初始化状态。 初始状态隐式地被视为 undefined，因为如果未显式提供，TypeScript 会将类型的默认值设置为 undefined。 为了简单起见，您不需要解构事件。使用内联函数，如下例所示： <input type="text" placeholder="Enter your name" onChange={(e) => setName(e.target.value)} value={name}/> 我使用你的代码创建了一个 CodeSanbox，它似乎只需要很少的修改就可以正常工作。 您可以在这里找到沙盒 这是我想出的代码 import { SetStateAction, useState } from "react"; const Loginform = () => { const [name, setName] = useState<string | null>(); const [fullname, setFullname] = useState<string | null>(); const inputEvent = (event: { target: { value: SetStateAction<string | null | undefined> }; }) => { setName(event.target.value); }; const Submit = () => { setFullname(name); }; return ( <div> <h1>Enter Your Name </h1> <input type="text" placeholder="Enter your name" onChange={inputEvent} value={name} /> <button onClick={Submit}>Submit</button> <h1>Hi {fullname == null ? "Guest" : fullname}</h1> </div> ); }; export default Loginform;
我需要将 std::function 作为 void 指针传递以异步执行，因此我在堆上创建了一个 std::function 。删除函数体内的 std::function 对象是否安全？请看...
如何在 Angular 中导入其他组件的 config.ts 文件
按照本教程，我创建了一个可重用的模态组件。模态本身是从其他组件显示的（带有错误 ERROR TypeError: ctx_r1.modalConfig is undefined），但我不能
角度 *ngIf; else 在异步上，当未定义是来自 Observable 的有效值时
我正在尝试使用 *ngIf; else 上的可观察对象可以发出未定义的信号。这是我所拥有的 我正在尝试使用 *ngIf; else 上的可观察对象可以发出未定义的信号。这是我有的 <span *ngIf="(content$ | async) as content; else loading"> <span *ngIf="content != undefined; else notFound"> // show content </span> </span> 问题在于，如果observable的值未定义，页面会一直显示#loading，并且不会切换到#notFound 有没有办法接受 undefined（可以改为 null）作为有效的输出值，并让 UI 在不同阶段显示相应的部分？ 因为 Boolean(undefined) 的计算结果为 false，内部条件 content !== undefined 始终为 true 并且 notFound 永远不会加载。 您将需要更改您的应用程序逻辑。 处理此类场景的最简单方法似乎是使用 ngrxLet ： <ng-container *ngrxLet="content$ as content; suspenseTpl: loading"> <span *ngIf="!content"> <h2>Not found!</h2> </span> <span *ngIf="content"> {{ content }} </span> </ng-container> <ng-template #loading> Loading... </ng-template>
我想知道是否有一种简写方式可以在打字稿中为泛型类型仅指定一些可选类型。例如，如果我有一个带有可选类型的类： 类通用类 我想知道是否有一种简写方式可以在打字稿中为泛型类型仅指定一些可选类型。例如，如果我有一个带有可选类型的类： class GenericClass<A extends Type1 = Type1, B extends Type2 = Type2, C extends Type3 = Type3> 然后我想定义一个子类，例如：class Subclass extends GenericClass<TypeB> ，这将是class Subclass extends GenericClass<Type1, TypeB, Type3>的简写，但它不起作用。相反，它尝试将 TypeB 推断为 Type1 的子类型，这会产生错误。然而，在此示例中也允许省略 Type3 并让打字稿推断它。这样的东西对我定义通用反应组件很有用，我想在其中指定状态类型，而不是道具。 我是否正确，在指定可选类型时必须提供所有前面的可选类型。或者有什么办法可以像我尝试的那样吗？ 对于可选函数参数，您只需为前面的可选参数指定 undefined ，这对于泛型不起作用，但我确实尝试过，使用 void 代替，但这也不起作用。我也尝试过使用像 Subclass extends GenericClass<B = TypeB> 这样的语法，但这也不起作用。 我看到了一些用接口替换可选函数参数的建议，例如： interface Args { a?: number, b?: string, c?: any} function myFunc(Args) {} 然后可以像 myFunc({b: "value"}); 一样调用，并且避免必须执行 myFunc(undefined, "value");。这感觉像是一个糟糕的选择，但也许可以对泛型类型做这样的事情？但我不确定那会是什么样子。 我尝试的另一件事是重载像type GenericClass<B extends Type2> = GenericClass<Type1, B, Type3>这样的类型。这不起作用，除非我输入不同的名称，例如 GenericClassB TypeScript 目前不具备您正在寻找的功能，至少从 TS5.1 开始是这样。 Generic 类型参数只有在具有 defaults 时才能被省略，并且不允许跳过任何参数。有一些开放的功能请求，如果实现，可能会实现您想要的功能： 有部分类型参数推断，如microsoft/TypeScript#26242中的要求。该提案的一部分是允许使用“印记”或“占位符”类型，以便您可以编写类似 GenericClass<*, TypeB, *> 或 GenericClass<_, TypeB, _> 等内容。 还有命名类型参数，如microsoft/TypeScript#38913中的要求，您可以在其中编写GenericClass<B=TypeB>，或者根据microsoft/TypeScript#54254中的要求，您可以在其中编写类似GenericClass<B: TypeB>或可能的内容GenericClass<{B: TypeB}>。 最后，您提到的解决方法是使用单个类型参数constrained到具有所有可选属性的Args类型，除了TypeScript无法从索引访问类型推断之外，该解决方法有效；也就是说，它可以从 A 类型的值推断出 A，但不能从 T extends {a: any} 类型的值推断出 T["a"]。 microsoft/TypeScript#51612 有一个开放的功能请求可以做到这一点，但同样，它还不是该语言的一部分。 最近提到的两个问题中的一个或两个可能有希望得到解决。事实上，在 microsoft/TypeScript#53017 有一个拉取请求，它实现了最后一个，但我不知道它是否会被合并。 （microsoft/TypeScript#20126 上的一个更旧的拉取请求也实现了它，但它被放弃了。） 但在那之前您将需要使用解决方法。 不知道如何进行课程，我通常只使用type，你可以这样做： type Tuple3<a,b,c> = [a,b,c] const t3: Tuple3<number, string, string> = [3, 'apple', 'banana'] type NamedTuple2<a,b> = Tuple3<string,a,b> const namedT2: NamedTuple2<number, string> = ['fruites', 2,... 游乐场链接
Javascript - 将 undefined 替换为 0
我有一个由用户输入定义的变量。我只想在未定义的情况下替换它的值。但如果是 NaN 则不然。我该怎么做？ 我尝试做 x || 0 但这也取代了 NaN 值。
您正在开发一个Azure Function App。您使用 Azure Function App 主机不支持的语言开发代码。代码语言支持 HTTP 原语。 您必须部署...
我的post方法如下图： $(".buttons").click(function(){ var gettopic=$.post("topic.php", {id: topicId}, function(result){ // 处理返回结果的代码 }); }) 我尝试...
以下是我的脚本： 以下是我的脚本： <?php $connection = ssh2_connect('XX.XX.XX.XX', 22); ssh2_auth_password($connection, 'root', '******'); $stream = ssh2_exec($connection, 'useradd -d /home/users/test -m testftp'); $stream = ssh2_exec($connection, 'passwd testftp'); $stream = ssh2_exec($connection, 'password'); $stream = ssh2_exec($connection, 'password'); ?> 它显示以下错误： Fatal error: Call to undefined function ssh2_connect() in /home/chaosnz/public_html/fotosnap.net/test.php on line 2 我该如何处理这个问题？ 谢谢 老实说，我建议使用 phpseclib，这是一个纯 PHP SSH2 实现。示例： <?php include('Net/SSH2.php'); $ssh = new Net_SSH2('www.domain.tld'); if (!$ssh->login('username', 'password')) { exit('Login Failed'); } echo $ssh->exec('pwd'); echo $ssh->exec('ls -la'); ?> 它更加便携、更易于使用并且功能也更加丰富。 我已经安装了 SSH2 PECL 扩展，它工作正常，感谢大家的帮助... 我已经在 ubuntu 16.4 PHP 7.0.27-0+deb9u 和 nginx 上解决了这个问题 sudo apt install php-ssh2 您需要安装ssh2 lib sudo apt-get install libssh2-php && sudo /etc/init.d/apache2 restart 这应该足以让你上路 如果您在 OSX 上运行 bomebrew，我使用以下命令来安装它： brew install php56-ssh2 这对我有用。我从这里拉它。应该还有使用 mac 端口的 Ubuntu 和 OSX。 我正在运行 CentOS 5.6 作为我的开发环境，以下内容对我有用。 su - pecl install ssh2 echo "extension=ssh2.so" > /etc/php.d/ssh2.ini /etc/init.d/httpd restart 为了扩展 @neubert 答案，如果您使用 Laravel 5 或类似版本，您可以使用更简单的 phpseclib，如下所示： 奔跑composer require phpseclib/phpseclib ~2.0 在您的控制器中添加 use phpseclib\Net\SSH2; 然后在控制器方法中使用它，例如： $host = config('ssh.host'); $username = config('ssh.username'); $password = config('ssh.password'); $command = 'php version'; $ssh = new SSH2($host); if (!$ssh->login($username, $password)) { $output ='Login Failed'; } else{ $output = $ssh->exec($command); } 今天pecl install ssh2需要旧版本的php（<=6.0). Here https://pecl.php.net/package/ssh2您可以看到支持php7和php8的最新beta版本的ssh2。所以您应该安装其中之一： pecl install ssh2-1.3.1 * 不要忘记在 php.ini 文件中启用此 ssh2.so 扩展。 我知道有答案，但我只是在这里简化答案。 我有同样的问题，我在 ubuntu 20 中使用以下解决方案修复了它： sudo apt-get install libssh2-1 php7.1-ssh2 -y 您可以根据需要更改 php 版本，例如：php7.4-ssh2 参考：https://blog.programster.org/ubuntu-16-04-install-php-ssh2-extension 适用于 WHM 面板 菜单 > 服务器配置 > 终端： yum install libssh2-devel -y 菜单 > 软件 > 模块安装程序 PHP PECL 管理点击 ssh2 立即安装点击 菜单 > 重新启动服务 > HTTP 服务器 (Apache) 您确定要重新启动此服务吗？ 是的 ssh2_connect() 工作了！ 我觉得这个已有 11 年历史的讨论值得更新。我从 PHPSecLib 库切换到 PHP 7 和 8 的内置 SSH2 库，因为它似乎连接速度更快并且更标准。现在它还可以使用密钥密码，因此无需再使用第 3 方库。
req.query 似乎在不更改代码的情况下返回不同的值。我怎样才能让它稳定？
所以我尝试使用nodejs、express、ejs 和一个名为 ytdl-core 的 API 制作一个 Youtube 视频下载器。我遇到的问题是 有时 req.query 偶尔会返回 undefined 并且它......
NodeJS 我当前的 Google Cloud 函数名称是什么？
我想使用当前Google Cloud Function的名称来驱动一些逻辑。如何确定我的 Google Cloud Function 名称是什么？
Azure Function Python V2 一个函数应用程序中的多个函数
我正在寻找有关在一个 Azure Function App 中为多个函数创建项目结构的指导。这是我之前读过的一篇文章 在一个 Azure Function App 中创建多个函数 有一个...
嵌套 useFetch 导致 Nuxt 3 中的 Hydration 节点不匹配
在 Nuxt 3 页面内，我通过从 pinia 存储调用操作来获取帖子数据： {{ 发布数据 }} {{ 帖子内容... 在 Nuxt 3 页面内，我通过从 pinia 商店调用操作来获取帖子数据： <template> <div v-if="postData && postContent"> {{ postData }} {{ postContent }} </div> </template> <script setup> const config = useRuntimeConfig() const route = useRoute() const slug = route.params.slug const url = config.public.wpApiUrl const contentStore = useContentStore() await contentStore.fetchPostData({ url, slug }) const postData = contentStore.postData const postContent = contentStore.postContent </script> 那是我的商店： import { defineStore } from 'pinia' export const useContentStore = defineStore('content',{ state: () => ({ postData: null, postContent: null }), actions: { async fetchPostData({ url, slug }) { try { const { data: postData, error } = await useFetch(`${url}/wp/v2/posts`, { query: { slug: slug }, transform(data) { return data.map((post) => ({ id: post.id, title: post.title.rendered, content: post.content.rendered, excerpt: post.excerpt.rendered, date: post.date, slug: post.slug, })); } }) this.postData = postData.value; if (postData && postData.value && postData.value.length && postData.value[0].id) { const {data: postContent} = await useFetch(`${url}/rl/v1/get?id=${postData.value[0].id}`, { method: 'POST', }); this.postContent = postContent.value; } } catch (error) { console.error('Error fetching post data:', error) } } } }); 浏览器中的输出正常，但我在浏览器控制台中收到以下错误： entry.js:54 [Vue warn]: Hydration node mismatch: - rendered on server: <!----> - expected on client: div at <[slug] onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <Anonymous key="/news/hello-world()" vnode= {__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/news/hello-world', hash: '', query: {…}, name: 'news-slug', path: '/news/hello-world', …} ... > at <RouterView name=undefined route=undefined > at <NuxtPage> at <Default ref=Ref< undefined > > at <LayoutLoader key="default" layoutProps= {ref: RefImpl} name="default" > at <NuxtLayoutProvider layoutProps= {ref: RefImpl} key="default" name="default" ... > at <NuxtLayout> at <App key=3 > at <NuxtRoot> 如何解决这个问题？ 我尝试在 onMounted 中获取帖子数据，但在这种情况下 postData 和 postContent 保持为空 onMounted(async () => { await contentStore.fetchPostData({ url, slug }) }) 您可以使用 ClientOnly 组件来消除该警告。请参阅文档了解更多信息。 该组件仅在客户端渲染其插槽。
使用 Azure Function 运行时和 pytest 'ModuleNotFoundError：没有名为...的模块'时出现导入问题
我的项目结构如下所示： 回购/ |--模型/api |--function/function_app.py |--函数/工具.py |--函数/__init__.py |--测试/test_function_app.py ...
我在 Azure 云中有一个 Azure Function 和一个 PostreSQL DB。 我想从我的 Azure 函数访问连接字符串，我们将其称为 IT-PostgreSQL。 这是我的Azure功能： 命名空间
单个 Azure Function App 中的多个函数未部署
我有一个 Azure Function App，其中有两个函数在我的本地（Mac OS / Visual Studio Code / Node 20 / V4）上运行，在本地环境中测试时运行良好。 然而，一旦部署...
我想在div滚动到视口时启动一个函数。我的问题是，每次我继续滚动时，该功能都会再次触发/启动。 HTML： <... 我想在 div 滚动到视口中时启动一个函数。我的问题是，每次我继续滚动时，该功能都会再次触发/启动。 HTML： <div class="box"></div> JS： $(document).ready(function() { function start() { alert("hello"); } $(window).scroll(function() { if ( $(window).scrollTop() >= $('.box').offset().top - ($(window).height() / 2)) { $(".box").addClass("green"); start(); } else { $(".box").removeClass("green"); } }); }); 总结一下：当div滚动到视口中时，应该启动“start”函数。但触发一次后就不能再触发了。 小提琴 您可以设置一个标志，例如： var started = false; function start() { if(!started) { alert("hello"); } started = true; } 演示 $(document).ready(function() { var started = 0; function start() { if(started==0) { alert("Alert only once"); } started = 1; } $(window).scroll(function() { if ( $(window).scrollTop() >= $('.box').offset().top - ($(window).height() / 2)) { $(".box").addClass("green"); start(); } else { $(".box").removeClass("green"); } }); }); *{margin:0;} .box { background: red; height: 200px; width: 100%; margin: 800px 0 800px 0; } .green { background: green; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <br /> <center> <br /> <h1>scroll down</h1> </center> <div class="box"></div> 有很多方法可以解决这个问题。您可以删除事件侦听器（因为您使用的是 jQuery，所以我将使用 on 和 off 方法）： $(window).on('scroll', function() { if ( $(window).scrollTop() >= $('.box').offset().top - ($(window).height() / 2)) { $(".box").addClass("green"); start(); } else { $(".box").removeClass("green"); } $(window).off('scroll'); }); 如果你希望窗口滚动方法在启动方法满足要求后停止..你可以这样做 $(document).ready(function() { var toggleScroll = false; function start() { alert("hello"); } $(window).one("scroll", checkToggleScroll); function checkToggleScroll(){ if ( $(window).scrollTop() >= $('.box').offset().top - ($(window).height() / 2)) { $(".box").addClass("green"); toggleScroll = true; start(); } else { $(".box").removeClass("green"); } if(!toggleScroll){ $(window).one("scroll", checkToggleScroll); } } }); 当start()没有类$(".box)（在一定量的滚动后添加）时，只需运行"green"函数。 $(document).ready(function() { function start() { alert("hello"); } $(window).scroll(function() { if ($(window).scrollTop() >= $('.box').offset().top - ($(window).height() / 2)) { if (!$(".box").hasClass("green")) { $(".box").addClass("green"); start(); } } else { $(".box").removeClass("green"); } }); }); .box { background: red; height: 200px; width: 100%; margin: 800px 0 800px 0; } .green { background: green; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="box"></div>
Azure Function App 无法启动 Docker 容器，原因是“Azure.RequestFailedException：指定的资源名称包含无效字符。”
我们有一个从 Docker 映像部署的 Azure Function 应用程序。 该函数正在运行 .NET 8.0，FUNCTIONS_EXTENSION_VERSION = ~4 且 FUNCTIONS_WORKER_RUNTIME = dotnet-isolated。 该应用程序包含...
了解 std::function 的开销并捕获同步 lambda
考虑以下简单示例： #包括 #包括 #包括 #包括 #包括 #包括...
新的 Azure Function App 处理已由另一个 Function App 处理过的 Blob
我有以下情况。我有一个在 Windows 应用服务计划上运行的功能。该函数处理 blob。该函数具有默认的 LogsAndContainerScan 触发器。现在过了一段时间我...
如何解决 Firebase Cloud Function 未在 SSR 的“/workspace/.next”中找到 Next.js 生产版本？
我之前问过这个问题，并且仍在为这个问题苦苦挣扎；谁能帮我解决这个问题： SSR Next.js 应用程序的 Firebase Cloud Function 未在...中找到生产版本
./app 中的两个文件 ui.R 图书馆（闪亮） 一个<- 1 ui <- fluidPage( textOutput("test") ) server.R server <- function(input, output) { output$test <- renderText({ a ...
如果需要很长时间，如何在Javascript中设置稍后执行的函数？
函数等待() { 让 a = Date.now() while (Date.now() - 一个 < 3000) { //loop } console.log('waiting ends...') } function start(){ console.log('starts...') wait() }
如何声明在 PostgreSQL 9.3 查询中使用的变量？ 创建或替换 FUNCTION public.test() 返回 int4 作为 $身体$ 宣布 cod_process bigint :=30001; cod_instance bigint...
我想使用购物车转换创建扩展包。首先，我复制了“input.grqphql”和“index.ts”，如下所示：[PR (https://github.com/Shopify/function-examples/pull/276)] 之后，我...
希腊字母被替换为???一旦我使用 PHPWord 将 docx 转换为 pdf？
我做了以下简单的 laravel artisan 命令： Artisan::command('测试:pdf',function(){ \PhpOffice\PhpWord\Settings::setPdfRendererName(\PhpOffice\PhpWord\Settings::PDF_RENDERER_DOMPDF); ...
H。我需要通过ajax发送csv文件。我写了这段代码 $('#send-csv').click(function(){ var CSRF_TOKEN = document.querySelector('meta[name="csrf-token"]').getAttribute("c...
Javascript 私有方法：函数表达式与函数声明[重复]
在 JavaScript 中创建（某种）私有方法的常见方法是： 类=函数（arg0，arg1）{ var private_member = 0; var privateMethod = function () { 返回
我希望能够访问模块的所有导出，而不必说模块。出口前。 假设我有一个模块： // mymod.js module.exports.foo = function() { 控制台.log(...
这个问题已经在另一个平台上问过了，但我还没有得到答案。 https://discourse.julialang.org/t/generalizing-the-inputs-of-the-nlsolve-function-in-julia/ 延长一段时间后...
有件事我无法理解： 我有一个打开同一页面的功能，但具有不同的内容，具体取决于菜单中单击的按钮： 有件事我无法理解： 我有一个打开同一页面的功能<div id="page">但具有不同的内容，具体取决于菜单中单击的按钮： <nav> <button onclick="openPage(1)">PAGE 1</button> <button onclick="openPage(2)">PAGE 2</button> <button onclick="openPage(3)">PAGE 3</button> </nav> 然后是函数： function openPage(p){ var move=0; // define a var for USER action if(p==1){ document.getElementById('page').innerHTML = text_1; // content preloaded } else if(p==2){ document.getElementById('page').innerHTML = text_2; } else if(p==3){ document.getElementById('page').innerHTML = text_3; } // then on the top of the page (absolute + z-index) I add a HTML object: document.getElementById('page').innerHTML += '<aside id="pictures">content</aside>'; // what I'm now trying to do is to remove this object once USER move its mouse on it document.getElementById('pictures').addEventListener("mousemove",function(event) { setTimeout(function(){ move+=1; // increase the val each second },1e3) console.log('move'+p+' = '+move) // control value if(move>100){ document.getElementById('pictures').style.display = "none"; // OK, it works move=0; // reinit the var } }); } 现在惊喜： 第 1 页的控制台 move1 = 0 move1 = 1 ... move1 = 99 move1 = 100 // 'pictures' disappears 第 2 页的控制台 move1 = 41 move2 = 0 ... move1 = 58 move1 = 17 ... move1 = 100 // 'pictures' disappears move2 = 59 第 3 页的控制台 move1 = 15 move2 = 88 move3 = 0 ... move1 = 37 move2 = 100 // 'pictures' disappears move3 = 12 ... 我的 var 'move' 同时获得 3 个值...这怎么可能？ 您的问题的原因是您每次调用 openPage 函数时都会添加一个事件侦听器。这意味着，如果您单击多个按钮，每个按钮都会有自己的事件侦听器附加到 #pictures 元素。现在，当触发 mousemove 事件时，所有这些侦听器将同时执行，导致 move 变量每秒递增多次。 解决此问题的方法是在添加新事件侦听器之前先删除现有的事件侦听器。 let handler; // to hold the event listener function const pictureEl = document.getElementById('pictures'); function openPage(p){ // Remove existing event listener if (handler) { // <-- Check here pictureEl.removeEventListener("mousemove", handler); } handler = function(event) { // ...Rest } }; // Add new event listener pictureEl.addEventListener("mousemove", handler); // ...rest 找到了另一种（最简单的？）方法： var move=0; // placed out of functions function openPage(p){ .... (same as previous) getElementById('pictures').addEventListener("mousemove",outPicts); // change } // put mousemove event in another function: function outPicts(p){ setTimeout(function(){ move+=1; },1e3) console.log('move = '+move) if(move>100){ document.getElementById('pictures').style.display = "none"; // then remove event getElementById('pictures').removeEventListener("mousemove",outPicts); move=0; // reinit the var } } 按预期工作
我尝试在ajax中发送表单而不重新加载页面，但我看到，文件上的链接不存在...... 我有下一个表格： 我尝试在ajax中发送表单而不重新加载页面，但我看到，文件上的链接不存在... 我有下一个表格： <form id="settings" method="POST" enctype="multipart/form-data"> ... <input type="file" id="logo" style="display:none;" name="logo" accept="image/png, image/jpeg, image/gif"> <button type="submit" id="send" class="btn btn-primary">save</button> </form> Ajax 脚本： $('#settings').submit(function(e){ e.preventDefault(); var form = $(this).serialize(); alert(form); // file is not attached... $.ajax({ url : '/settings', type : 'POST', crossDomain : false, data : form, contentType : 'multipart/form-data', dataType : 'json', progressData: false, cache : false, success : function(r){ alert (111); } }).fail(function(){ console.log('Error occured!'); }); }); 在服务器端，我收到错误： org.apache.tomcat.util.http.fileupload.FileUploadException：请求被拒绝，因为未找到多部分边界 我尝试不序列化表单，而是写了 data : form -> data : new FormData(this) 此选项会导致错误“非法调用”。如何在不重新加载页面的情况下发送带有文件的表单？ 要使用 AJAX 发送带有文件的表单而不重新加载页面，您需要使用 FormData 来正确处理文件上传。 <form id="settings" method="POST" enctype="multipart/form-data"> <!-- Other form fields --> <input type="file" id="logo" name="logo" accept="image/png, image/jpeg, image/gif"> <button type="submit" id="send" class="btn btn-primary">Save</button> </form> $(document).ready(function() { $('#settings').submit(function(e){ e.preventDefault(); var formData = new FormData(this); $.ajax({ url: '/settings', type: 'POST', data: formData, contentType: false, processData: false, cache: false, success: function(response){ alert('Form submitted successfully!'); // Handle the response from the server }, error: function(){ console.log('Error occurred!'); } }); }); });
为什么将operator()作为std::function调用不起作用
考虑这个旨在收集字符串序列的小类： 班级问题_t期末 { 私人的： std::vector m_issues; 民众： constexpr void 运算符()(std::string&a...
当我点击问号时，按钮父级有点击效果（这里是蓝色） 是否可以禁用它？ 当我点击问号时，按钮父级有点击效果（这里是蓝色） 可以禁用它吗？ <h:commandLink styleClass="btn btn-primary btn-lg" style="width: 100%;"> <span class="fa fa-trash"/> <span id="spanQuestion" class="fa fa-question" data-content="Help" data-html="true" data-popover="true"/> </h:commandLink> const span = $('#spanQuestion'); span.on("click", function(e) { e.stopPropagation(); }); 我试图停止对父项的点击，添加背景颜色。 我希望父按钮不会有点击效果。 ` 常量按钮 = $('#myButton'); const span = $('#spanQuestion'); span.on("click", function (e) { e.stopPropagation(); }); button.on("click", function (e) { // Your button click logic here }); `
Laravel POST 方法返回状态：405 不允许在 POST 方法上使用方法
请查找以下信息： NoteController.php 请查找以下信息： NoteController.php <?php namespace App\Http\Controllers; use App\Http\Requests\NoteRequest; use App\Models\Note; use Illuminate\Http\JsonResponse; class NoteController extends Controller { public function index():JsonResponse { $notes = Note::all(); return response()->json($notes, 200); } public function store(NoteRequest $request):JsonResponse { $note = Note::create( $request->all() ); return response()->json([ 'success' => true, 'data' => $note ], 201); } public function show($id):JsonResponse { $note = Note::find($id); return response()->json($note, 200); } public function update(NoteRequest $request, $id):JsonResponse { $note = Note::find($id); $note->update($request->all()); return response()->json([ 'success' => true, 'data' => $note, ], 200); } public function destroy($id):JsonResponse { Note::find($id)->delete(); return response()->json([ 'success' => true ], 200); } } NoteRequest.php <?php namespace App\Http\Requests; use Illuminate\Foundation\Http\FormRequest; class NoteRequest extends FormRequest { public function authorize() { return true; } public function rules() { return [ 'title', 'required|max:255|min:3', 'content', 'nullable|max:255|min:10', ]; } } Note.php（模型） <?php namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class Note extends Model { use HasFactory; protected $guarded = []; } api.php <?php use App\Http\Controllers\NoteController; use Illuminate\Support\Facades\Route; Route::prefix('v1')->group(function () { Route::resource('/note', NoteController::class); }); php artisan 路线：列表 GET|HEAD / ...................................................................................................................... POST _ignition/execute-solution ............... ignition.executeSolution › Spatie\LaravelIgnition › ExecuteSolutionController GET|HEAD _ignition/health-check ........................... ignition.healthCheck › Spatie\LaravelIgnition › HealthCheckController POST _ignition/update-config ........................ ignition.updateConfig › Spatie\LaravelIgnition › UpdateConfigController GET|HEAD api/v1/note .......................................................................... note.index › NoteController@index POST api/v1/note .......................................................................... note.store › NoteController@store GET|HEAD api/v1/note/create ................................................................. note.create › NoteController@create GET|HEAD api/v1/note/{note} ..................................................................... note.show › NoteController@show PUT|PATCH api/v1/note/{note} ................................................................. note.update › NoteController@update DELETE api/v1/note/{note} ............................................................... note.destroy › NoteController@destroy GET|HEAD api/v1/note/{note}/edit ................................................................ note.edit › NoteController@edit GET|HEAD sanctum/csrf-cookie .................................. sanctum.csrf-cookie › Laravel\Sanctum › CsrfCookieController@show 迅雷请求（同邮递员） JSON 请求 { "title": "Hello World", "content": "Lorem ipsum." } 尝试发出 JSON POST 请求并获取状态：405 方法不允许并且我正在使用 php artisan 服务，如果需要，我可以提供 GIT 项目。请告诉我。 您的验证规则看起来不正确。在您的 NoteRequest 类中，规则应该是一个关联数组，其中键是字段名称，值是验证规则。但是，在您的代码中，规则被定义为以逗号分隔的字符串列表。这可能会导致验证失败并返回 405 Method Not allowed 错误。 public function rules() { return [ 'title' => 'required|max:255|min:3', 'content' => 'nullable|max:255|min:10', ]; }
badStream.pipe(res) 当 badStream 抛出错误时，响应不会终止，浏览器中的请求会陷入待处理状态。 badStream.on(error, function() {this.end()}).pipe(re...
这是小提琴（对警报感到抱歉）http://jsfiddle.net/PCcqJ/92/ var ractive = new Ractive({ 模板：'#templateOne'， 部分：{ aPartial：'哦，看，partia... 这是小提琴（抱歉有警报）http://jsfiddle.net/PCcqJ/92/ var ractive = new Ractive({ template: '#templateOne', partials: { aPartial: '<div>Oh look, the partial is rendered!</div>' } }); function cb() { alert('but now we unrender'); ractive.once('complete', function() { alert('we rendered again, and now you can\'t see the partial content'); }); ractive.render('container'); } ractive.render('container'); ractive.once('complete', function() { alert('so we render the first time, and you can see the partial'); ractive.unrender().then(cb); }); 此处的部分不会重新渲染。为什么是这样？部分仍在部分对象中，并且它们尚未渲染，那么什么会阻止它们再次渲染？ 这个小提琴会渲染、取消渲染，然后重新渲染，每次发生其中一种情况时都会向您发出警报。 我做了一个工作jsfiddle：https://jsfiddle.net/43gLqbku/1/ <div id='container'></div> <script id="templateOne" type="x-template"> {{>aPartial}} </script> var ractive = new Ractive({ el:"#container", template: '#templateOne', partials: { aPartial: '<div>Oh look, the partial is rendered!</div>' } }); function cb() { alert('but now we unrender'); ractive.once('complete', function() { alert('we rendered again, and now you can\'t see the partial content'); }); ractive.render('container'); } //ractive.partials.part = '<div>this is a partial</div>'; ractive.once('complete', function() { alert('so we render the first time, and you can see the partial'); ractive.unrender().then(cb); }); 在调用render之前需要调用ractive.once('completed') 你不需要 ractive.render("container");在活动代码下，因为它在第一次运行时自动呈现 在你的jsfiddle中你导入的ractive不起作用 你没有在 jsFiddle 活动代码中包含 el:"#container"
我正在尝试在我的项目中设置一个子域，但由于某种原因它不起作用。 路由::domain('{用户名}.' .env('APP_URL'))->group(function () { 返回“测试”； }); 它我...
functionTimeout 在我的本地计算机的 Azure Function 中不起作用
我正在使用 Visual Studio 2022 Community 在本地计算机中开发 Azure 函数，我无法更改该函数的超时。 我尝试过“functionTimeout&qu...
上下文 考虑以下愚蠢的 MWE： 老有趣<- function(x) { VarA <- sum(x) VarA <- 2 * VarA VarX <- VarA %% 2 } I want to replace VarA with VarB and VarX VarY to get: new...
希望这不是一个愚蠢的问题，但我已经没有主意了...... 所以我有这个模式： 1.scala.html 希望这不是一个愚蠢的问题，但我已经没有主意了...... 所以我有这个模式： 1.scala.html <div class="feat" id="cor" data-toggle="tooltip" data-placement="bottom" title="add conference role"><div data-toggle="modal" data-target="#conf-role-menu-modal">Conference Role</div></div> <div class="modal fade" id="conf-role-menu-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel">Modal title</h4> </div> <div class="modal-body-conf-role-menu"> <script type="text/javascript"> $(function(){ $(".modal-body-conf-role-menu").load("@routes.Application.areaConferenceRole(id,idenv)"); }); </script> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> 使用模态主体中的脚本，我尝试加载此页面： 2.scala.html @(id:String, idenv:String) @Main("Add area") { <form action="@routes.Application.areaPostConferenceRole(id,idenv)" method="POST"> First Name: <input type="text" name="first_name" id="first" class="form-control"> Last Name : <input name="last_name" class="form-control"> <script type="text/javascript"> $( document ).ready(function() { // Handler for .ready() called. $( "#first" ).focus(function() { alert( "Handler for .focus() called." ); }); }); </script> </form> } 页面加载正常。我在我的模态中看到它...... 问题是我的页面 2.scala.html 中的脚本无法运行。我不明白为什么......如果我从我尝试在模态中加载的页面之外尝试它们，它们就会起作用...... $( document ).ready(function(){}); 永远不会在模态中到达，因为加载页面时已经触发了此事件（模态在之后加载...） 尝试直接插入脚本，如下所示： <script type="text/javascript"> $( "#first" ).focus(function() { alert( "Handler for .focus() called." ); }); </script> 当引导模式弹出时，shown.bs.modal事件将被触发。这是例子。 $('#myModal').on('shown.bs.modal', function () { $('#myInput').trigger('focus') }) Full documentation. https://getbootstrap.com/docs/4.0/components/modal/ 试试这个我已经准备好这个功能了 $('#myModal').on('shown.bs.modal', function () { // Your script here }); $(document).on('shown.bs.modal', '#myModal', function () { // Your script here });
没有匹配的函数可用于调用“std::thread::thread(<unresolved overloaded function type>)”
无效show_image(){ // 创建一个Mat来存储图像 马特凸轮图像； ERROR_CODE 错误； // 循环直到'e'被按下 字符键=''； while (key!= 'e') { // 抓取图像 错误= cam.grab(); ...
使用 VB 脚本将 JPEG 文件放入 Adobe Illustrator 中
我想获得有关如何使用 VB 脚本在 Adobe Illustrator 中放置 JPEG 文件的帮助。 我阅读了文档，但有很多 Place code @function 但我不确定哪一个合适。比如
azure 函数应用程序 - 如何更新 local.settings.json 文件中的 AzureWebJobsStorage？
问题 azure function (v4) 应用程序的部署脚本不会像我们的其他应用程序一样更新我的 local.settings.json - AzureWebJobsStorage 值。 代码 执行以下操作的部署脚本
使用 Java 从 Azure Function QueueTrigger 获取消息元数据
我正在使用 Micronaut 框架用 Java 编写一个 Azure 函数。 如果我使用 @QueueTrigger 注释一个字符串来接收消息正文，我的函数工作得很好。不过我也会
当布局更改或数据更改时，如何确保我的 ReactJS Bumbeishvili D3-Org-Chart 正确更新？
我已经在 CodeSandbox 上复制并简化了我的问题，可以在此处查看：https://codesandbox.io/p/sandbox/d3-org-chart-react-function-org-chart-gvfz4l?file=%2Fsrc %2F组件%2F数据...
我可以将几个未指定返回类型的 std::function 放入 C++ 的容器中吗？如果可以，该怎么做？
我想用C++编写一个通用的排序器。我有一些这样的代码。 模板 类排序器{ 民众： 模板 bool RegisterDimValueFetcher(const s...
如何在 Step Function 中包含 AWS Glue 爬网程序
这是我的要求： 我在 AWS Glue 中有一个爬虫和一个 pyspark 作业。我必须使用步骤功能设置工作流程。 问题： 如何将 Crawler 添加为第一个状态。参数是什么...