草庐IT

@Async失效情况

全部标签

javascript - 如何在没有实际页面刷新的情况下更新页面 html 和 url

我想知道是否有人可以指导我学习如何在不刷新页面的情况下更新页面html和url。是否有任何现有的javascript库可以处理这个问题,或者有一本涵盖此类内容的好书。这是一个使用该效果的示例网站。http://onedesigncompany.com/请注意,当部分更改时,实际的html和url都会更新,同时保持平滑过渡,没有可见的页面刷新。该网站在没有javascript的情况下也能正常工作。此外,如果有人发现使用这种方法有任何缺点,我会洗耳恭听。 最佳答案 如果您需要重新加载页面的一部分,而不是重新加载整个页面,我强烈建议您使用

javascript - 使用 async/await promise 的 Node 回调

我正在尝试编写一个简单的函数,将Node样式的回调函数转换为Promise,以便我可以将它们与async/await一起使用。当前代码:functiontoPromise(ctx,func,...args){letnewPromise;args.push((err,res)=>{newPromise=newPromise((resolve,reject)=>{if(err)reject(err);else{resolve(res)};});});func.apply(ctx,args);returnnewPromise;}示例用法:constmatch=awaittoPromise(u

javascript - 是否可以在没有 jQuery 的情况下使用 Materializecss?

我想使用materializecss没有jQuery。例如,我想在不使用jQuery的情况下执行以下操作:$('.chips-initial').material_chip({data:[{tag:'Apple',},{tag:'Microsoft',},{tag:'Google',}],});谢谢 最佳答案 从Materialise1.0.0开始,jQuery不再是依赖项。参见https://medium.com/@materializecss/materialize-to-1-0-and-beyond-e0233b8ac15以前

javascript - Async/Await 无法按预期使用 Promise.all 和 .map 函数

我有很多正在使用的async函数,但我遇到了一个奇怪的问题。我的代码,工作,看起来像:asyncmainAsyncFunc(metadata){letfiles=metadata.map(data=>this.anotherAsyncFunc(data.url));returnPromise.all(files);}anotherAsyncFunc函数如下所示:asyncanotherAsyncFunc(url){returnawaitaxios({url,}).then(res=>res.data).catch(err=>{throwerr;});}当我尝试将更多数据附加到第一个函数

javascript - 复制对象数组并在不修改原始数组的情况下进行更改

我有一个对象数组。我想深入复制对象数组并对每个对象进行一些更改。我想在不修改原始数组或该数组中的原始对象的情况下执行此操作。这就是我的做法。然而,作为JavaScript的新手,我想确保这是一个好的方法。有更好的方法吗?constusers=[{id:1,name:'Jack',approved:false},{id:2,name:'Bill',approved:true},{id:3,name:'Rick',approved:false},{id:4,name:'Rick',approved:true}];constusers2=users.map((u)=>{returnObjec

javascript - 使用 await/async 从 axios 获取响应

我正在尝试从axios获取JSON对象'usestrict'asyncfunctiongetData(){try{varip=location.host;awaitaxios({url:http()+ip+'/getData',method:'POST',timeout:8000,headers:{'Content-Type':'application/json',}}).then(function(res){console.dir(res);//wearegoodhere,thereshastheJSONdatareturnres;}).catch(function(err){con

javascript - Vue,有没有办法在没有 URL 参数的情况下在路由之间传递数据?

我正在研究如何在我的Vue2应用程序中不使用URL参数的情况下在两个单独的组件(不是父组件和子组件)之间secret传递数据。这并不意味着我在传递secret,而是我只是不想让用户看到它(仅出于UI考虑)。我知道Vue有Props但它们用于在父组件和子组件之间传递数据。在我的例子中,我的URL会改变,但我不想通过可见参数传递数据。有人声称使用没有URL参数的Prophere但我无法重现有效的解决方案(每次都未定义)。我还查看了these选项,但它们都使用我们知道可见的URL或查询参数。一个丑陋的解决方案是将数据写入本地存储,然后在那里读取它,但这会产生大量的开销和复杂性(比如如果我只希

javascript - 如何在不使用 then 方法的情况下定义 promise 链

我已经寻找过类似的问题,但它们与JQuery或任何其他库有关。首先,我写了这个:constprintIn1Sec=(value)=>{returnnewPromise(resolve=>{setTimeout(()=>{console.log(value);resolve();},1000)});};并以这种方式使用它:printIn1Sec(1).then(()=>printIn1Sec(2)).then(()=>printIn1Sec(3));我认为then非常重要,因为它允许我们在promise被解决后立即执行一些事情。但我一直在寻找这样的东西:printIn1Sec(1).pr

javascript - 在不重写很多行的情况下使警报更漂亮

我知道有很多漂亮的警报框插件,但我已经制作了很多警报,所以我想问问是否可以在不重写所有alert函数调用的情况下使这些警报更漂亮在代码中并将此函数替换为其他函数? 最佳答案 你可以劫持默认的window.alert函数:window.__oldAlert__=window.alert;window.alert=function(){//yourcustomalertcodehere};演示:http://jsfiddle.net/mattball/jMEha/编辑whatdoIneedtowritetochangeittothisp

javascript - 我可以在不重新加载浏览器的情况下编辑 React 组件吗?

如果React提供DOM协调,是否可以在我编辑后动态重新加载组件的代码并重新呈现它?我正在寻找一种解决方案,它允许我编辑JSX文件、保存它并让组件在浏览器中自行更新,而无需重新加载页面、卸载它或丢失其状态。理想情况下,这应该可以在没有浏览器插件的情况下工作。 最佳答案 您可以使用react-hot-loader,顺路Webpack加载器,可以对项目中的React组件进行实时编辑。无需浏览器插件或IDEHook。它与Webpack结合HotModuleReplacement(HMR)与React。您可以在以下情况下使用它:您的Reac