草庐IT

Vue3中KeepAlive的使用

全部标签

javascript - Node.js、Vue.js 和 Passport.js。 .isAuthenticated() 总是返回 false?可能是 Axios header ?

我正在将一个项目转移到Vue.js,但我无法让我的任何中间件检查用户是否已登录或检查用户对工作的所有权。经过无休止的搜索,我认为问题是我从客户端发送到服务器的header不包含Passport序列化用户或其他内容?我怎样才能使它工作?这是我在后端的登录路径:router.post("/login",function(req,res,next){if(!req.body.username||!req.body.password){res.send("Error");}elseif(req.body.username.length>40||req.body.password.length>

javascript - 中文文本使用 Web Speech API 播放一次,但不会播放第二次

所以我正在使用修改后的脚本来尝试播放来自WebSpeechAPI的一些文本。代码原来在这里:ChromeSpeechSynthesiswithlongertexts这是我修改后的变体:functiongoogleSpeech(text,rate){if(!reading){speechSynthesis.cancel();if(timer){clearInterval(timer);}letmsg=newSpeechSynthesisUtterance();letvoices=window.speechSynthesis.getVoices();msg.voice=voices[63]

javascript - 使用 ESLint `indent` 规则忽略模板文字中的缩进

indent的ESLint规则允许您在确定规则是否应用于该节点时使用ignoredNodes选项指定忽略哪些节点。我有以下代码,我想使用此规则忽略它们:consta=b?`c${d}`:e具体来说,带有d的行和后续行被报告为比应有的多了两个空格。我想忽略规则中的那些行,但我无法找出应该应用的节点。指定节点类型inthisrepo.我知道三元表达式,就像在这段代码中使用的那样,是一个ConditionalExpression节点,它看起来像一个templateliteralnode存在,但我无法让它工作。我知道我可以使用eslint-disable-next-line、eslint-di

javascript - 自定义 Prop 类型 Vue.js

有没有办法为Vue.jsProp创建自定义Prop类型(并通过验证扩展它)?在下面的示例中,您将找到Object属性background。我想要一个自定义Prop类型图像,而不是一个对象。图像将检查src和alt是否已填充,其余部分是可选的。我们现在拥有的:exportdefault{props:{background:{type:Object,src:String,srcset:String,alt:String,title:String,},},};我想要的东西:classcustomPropImage{//magic...}exportdefault{props:{backgro

javascript - 直接在html中使用ES6模块中定义的函数

我正在尝试完成一件非常简单的事情:我在一个javascript模块文件上有一些代码,我将它导入另一个javascript文件(不导出任何东西),我想调用其中的一些定义函数直接从HTML文件。让我们举一些发生在我身上的有代表性的最小例子(实际测试了代码并给出了我在真实问题中遇到的完全相同的问题,实际上并不比这个问题复杂多少):module.js:constmod=()=>'Hellothere!';export{mod};main.js:import{mod}from'./module.js';functionhello(){console.log(mod());}main.html:O

javascript - 用于在 React Native metro bundler 中使用动态 yarn 工作空间路径将节点模块列入黑名单的正则表达式

类似于:Howtoblacklistspecificnode_modulesofmypackage'sdependenciesinreact-native'spackager?我正在尝试使用需要返回正则表达式的黑名单选项从metropackager中排除reactnative。我需要的是返回如下内容:/\/DYNAMIC_PROJECT_DIRECTORY\/node_modules\/react-native\/.*/,我可以在DYNAMIC_PROJECT_DIRECTORY中插入一个变量,因为它会根据其他模块的yarn工作区路径而改变。我只是不熟悉正则表达式!谢谢编辑:我尝试在路

javascript - 如何在 React/React Native 中使用 Emscripten 编译的 JavaScript

我目前正在使用Emscripten将基本的C函数编译成JavaScript,以便在ReactNative项目中使用。但是,当我从React代码中导入Module时,Module对象是空的。这在React和ReactNative项目中都会发生。在我的终端中使用node./index.js运行index.js返回预期结果。我正在使用此命令编译ping.c并输出ping.js:emccping.c-oping.js-sWASM=0-sEXPORTED_FUNCTIONS='["_pingIt"]'ping.c:#include#includeEMSCRIPTEN_KEEPALIVEintpi

javascript - 如何使用 fetch API 来填充 DIV?

我正在尝试获取页面的html(一旦我可以正常工作,我将在请求的页面中获取特定的Div)然后将此页面打印到我的id="data"分区。我可以看到promise中传递的信息,但我无法访问该信息。constproxyurl="https://cors-anywhere.herokuapp.com/";consturl="https://www.booking.com";//sitethatdoesn’tsendAccess-Control-*fetch(proxyurl+url)//https://cors-anywhere.herokuapp.com/https://example.com

javascript - 使用 javascript 设置样式值时的数字或字符串

有些css值是用数字定义的,比如opacity我知道在编写css时,我会这样做:#element{opacity:1;/*withoutaquotemark,just1*/}但是当我要用javascript修改opacity时,我应该提供什么?只有0.5或"0.5"?如果我运行:typeofdocument.getElementById('element').style.opacity//returns"srting"所以我过去常常在修改它的时候提供字符串。但是有人审查我的代码,建议我提供如下数字:document.getElementById('element').style.opa

javascript - 如何使用 react Hook 动态添加 "refs"?

所以我有一个数据数组,我正在生成一个包含该数据的组件列表。我想在每个生成的元素上有一个ref来计算高度。我知道如何使用Class组件来完成,但我想使用ReactHooks来完成。这是一个解释我想做什么的例子:importReact,{useState,useCallback}from'react'constdata=[{text:'test1'},{text:'test2'}]constComponent=()=>{const[height,setHeight]=useState(0);constmeasuredRef=useCallback(node=>{if(node!==null