草庐IT

异步组件

全部标签

javascript - 在 Angular 2 中的多个组件之间共享 WebSocket 数据的最佳方式?

我开始构建一个应用程序。有很多组件。他们每个人都需要来自1个webSocket的一部分数据。webSocket接收对象示例:每个Angular2组件都需要来自接收对象的1个字段。是否可以创建1个服务,连接到webSocket,接收数据并在所有组件之间共享?我认为这将是一个很好的解决方案。现在我正在使用下一种方法:getConfigCallback(){this.connectionSockets.telemetry=io(this.config.connections.telemetry);this.connectionSockets.controlFlow=newWebSocket(

javascript - 从父级访问 Vue 中组件的计算属性

如何从父级访问Vue中组件的计算属性?在此示例中,我有一个包含商品组件的购物车,我想计算并显示购物车商品的总和:购物车.jsvarvm=newVue({el:'#cart',components:{cartItem:require('./components/cart-item.js'),},data:{items:[{name:'apple',qty:5,price:5.00},{name:'orange',qty:7,price;6.00},],},computed:{//IwanttodosomethinglikethisandaccesslineTotalfromcartcar

javascript - Typescript/ES7 中异步/等待的有限并行性

我一直在尝试使用Typescript,但我现在对如何有效使用async/await有点困惑。我正在向数据库中插入一堆记录,我需要获取每次插入返回的ID列表。下面的简化示例一般有效,但它并不像我想要的那样优雅,而且它完全是顺序的。asyncfunctiongeneratePersons(){constnames=generateNames(firstNames,lastNames);letids=[]for(letnameofnames){constid=awaitdb("persons").insert({first_name:name.firstName,last_name:name

javascript - 动态注册本地 Vue.js 组件

我们知道possible像这样动态注册全局Vue.js(版本1)组件:Vue.component('my-component',MyComponent)有没有办法对本地组件执行相同的操作,即那些仅对特定组件可用/可见的组件?我的想法是,我希望能够像这样传递要在本地注册的组件:所以在outer-component中我可以做:created(){this.someMethodINeedToRegisterLocalComponent('cool-component',this.localComponentToBeRegisteredDynamically);},

javascript - 如何在 React 组件的返回函数中使用 IIFE?

当用户单击按钮时,我会弹出一个模态页面,它运行良好:render(){return(this.refs.simpleDialog.show()}>OpenModalTextthatappearsinsidethemodalpagethis.refs.simpleDialog.hide()}>GotIt)}但我的目标是在用户第一次打开页面时自动打开模式。我不想通过点击按钮打开模态页面问题:我可以使用IIFE(一个立即调用的函数表达式)以便在用户打开页面时立即打开模式吗?我的方法是将bool值设置为true。如果该值设置为true,则打开模态用于模态的库:https://github.co

javascript - 异步函数返回 Promise { <pending> }?

我有以下异步函数:asyncfunctionreadFile(){letcontent=awaitnewPromise((resolve,reject)=>{fs.readFile('./file.txt',function(err,content){if(err){returnreject(err)}resolve(content)})})console.log(content)}readFile()这运行得很好。它按预期将文件缓冲区输出到控制台。但是现在,如果我尝试返回值:asyncfunctionreadFile(){letcontent=awaitnewPromise((res

javascript - 动态加载 React 组件

我正在考虑构建一个网络应用程序,人们可以在其中安装插件。我希望插件能够定义将呈现到页面的React组件,而无需在安装插件后重新编译主JavaScript包。所以这是我正在考虑的方法:将主要的JavaScript与React捆绑为externallibrary,使用webpack。让插件作者也使用React作为外部库编译他们的组件。这样一来,我只运行了一个React实例。我或许可以对其他一些常用的库执行相同的操作。接下来的问题是如何从服务器动态加载这些插件组件。假设我有以下组件:classPluginRendererextendsReact.Component{componentWill

javascript - 动态创建异步函数

我想知道是否可以像这样动态创建一个异步函数:newFunction('awaitPromise.resolve()');预期,前面的代码抛出:UncaughtSyntaxError:awaitisonlyvalidinasyncfunction 最佳答案 是的,您可以获得对非全局的引用AsyncFunction动态创建异步函数的构造函数。您可以像这样获得对AsyncFunction构造函数的引用:constAsyncFunction=Object.getPrototypeOf(asyncfunction(){}).construct

Javascript 如何通过解构将 promise.spread 语法迁移到异步/等待

我正在清理一些sequelize代码,findOrCreate函数返回一个需要展开才能获得实际结果对象的promise。我想重写我的代码以使用await代替,并且鉴于ES6支持数组解构,我认为用它代替User.findOrCreate({where:{mcId},defaults}).spread((user,created)=>{//dostuff})我能做到const[user,created]=awaitUser.findOrCreate({where:{mcId},defaults})但事实并非如此。我收到错误(intermediatevalue)isnotiterable执行

javascript - 解释 Google Analytics 异步跟踪器

我知道谷歌的异步分析跟踪器是如何工作的。以下代码用于初始化命令数组:var_gaq=_gaq||[];_gaq.push(['_setAccount','UA-xxxxxxxx-x'],['_trackPageview']);现在,这是一个标准数组,一旦加载了GA的代码就会被替换,并用作一种存储您的点击的队列。我的困惑在于想知道如果用户单击导致重新加载的链接(在加载GAjavascript之前),这些点击如何可能会持续存在。如果GA代码没有捕获到对_gaq对象的推送,那么用户单击一个链接并转到一个新页面,这个数组每次都只是重新初始化,不是吗?javascript变量不会在导致刷新的请求