草庐IT

react-web

全部标签

javascript - 测试 React 表单组件

在我的类似教程的应用程序中,我有一个AddForm组件:varReact=require('react');varInput=require('react-bootstrap').Input;varTeamActions=require('../actions/team_actions.js');varAddForm=React.createClass({handleFormSubmit:function(e){e.preventDefault();varname=this._trimmedValue(this.refs.name);varrating=this._trimmedVal

javascript - Web Worker 开销指标

我正在做一个可能需要多个webworker的项目,我需要知道同时运行多个webworker是否负担得起(比如超过4或8个worker)以及两个cpu的成本是多少和ram启动它们并让它们挥之不去。我一直在谷歌上搜索,但我没有找到关于他们的CPU和内存开销的任何指标。我找到了一些性能基准,但这不是我感兴趣的。任何人都可以指出至少给出近似值的规范或研究吗?我至少需要有一些大概的值来处理,而不是仅仅假设我从ProcessExplorer中看到的任何内容都是准确或可靠的。编辑-似乎人们的印象是错误的。我不是寻求有关如何解决问题的建议,而是寻求有关网络worker开销的技术信息来源(如果存在)。

javascript - 如何在 Web Audio API 中正确取消当前更改的 AudioParam

我正在尝试实现可以​​在任何给定时刻重新启动的音量包络,即使它已经处于参数移动的中间但我无法弄清楚如何在不点击结果音频的情况下执行此操作(关于它们发生的时间似乎有些不规则)。这可能吗?我看到AudioParam.cancelScheduledValues()“取消了对AudioParam的所有计划的future更改”,但我不确定当前正在进行的更改会发生什么。这是我用来启动/重新启动音量包络的代码。varnow=context.currentTime;varcurrentVol=gain.gain.value;gain.gain.cancelScheduledValues(now);ga

javascript - ReactJS react 路由器 RoutingContext

我正在使用ReactJS和react-router构建同构应用程序在服务器端用于路由目的的模块。来自其guide关于在服务器上使用react-router:(req,res)=>{match({routes,location:req.url},(error,redirectLocation,renderProps)=>{//...elseif(renderProps){res.status(200).send(renderToString())}//...})}几乎没有关于这个RoutingContext的信息。所以我有点不清楚它是如何工作的。它是来自react-router的Rout

javascript - react 组件与两组 child

我正在创建一个组件,它需要接收两组子组件并放置在组件的两个不同部分。letCreditCardForm=({icons,fields})=>({icons}{fields})letCreditCardFormUsage=()=>{leticons=()=>()letfields=()=>()return()}上面的代码应该可以工作,我的问题是是否可以根据元素本身的子项获取这些属性值,并获得更自然的东西? 最佳答案 是的,this.props.children将返回一个数组,因此如果您总是想加载特定的子项,那么只需在包装器中通过索引引

javascript - 为什么在 ES6 react 类中需要绑定(bind)

在新的ReactES6类中,this需要按照此处所述进行绑定(bind):http://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html#autobinding例如:classCounterextendsReact.Component{constructor(){super();this.tick=this.tick.bind(this);}tick(){...}...}对此的解释是因为它是默认行为,但是如果我创建一个ES6类,然后创建它的一个新实例,this将被绑定(bind)importReactf

javascript - 使用 React 使用随机生成的字符串进行服务器端渲染?

我第一次在我的React/Redux应用程序中尝试服务器端渲染。我现在遇到的一个问题是我需要初始状态有一个随机生成的字符串,然后将其作为Prop传递给我的主要App组件。这显然会导致问题,因为它会为客户端和服务器生成不同的字符串。我能做些什么来阻止这个问题的发生吗?有助于理解的基本结构:App.jsimportReactfrom'react';import{connect}from'react-redux';constApp=({randomStr})=>({randomStr});constmapStateToProps=(state)=>({...});constmapDispat

javascript - 与阿多尼斯 react

我正在尝试将React与AdonisJs集成以构建SPA。Adonis通过处理到SPA的路由Route.any('*',function*(request,response){yieldresponse.sendView('home')})我在app>Http>routes.js中完全做到了这一点然后我在资源>View中创建了一个home.njk作为我的应用程序的登录页面。现在,我有一个react文件,我在其中创建了一个页脚。我想用React-router处理页脚中的所有链接。React路由器处理url以导航到页面。但是,上面的代码(在Adonis中)表示任何url(*)都将呈现“ho

javascript - 路由、通用应用程序(Nodejs、React)、错误(0、_reactRouter.match)不是函数

我无法修复这个错误...我启动服务器,一切正常,因为我刷新localhost:3000然后它告诉我一个错误:TypeError:(0,_reactRouter.match)不是函数我已经安装了“react-router”:“^4.0.0”importExpressfrom'express';import{RouterContext,match}from'react-router';import{renderToString}from'react-dom/server';importReactfrom'react';importroutesfrom'./routes.js'varapp=

javascript - 为什么在 web 和 nodejs 上运行 JavaScript 会有不同的输出?

这个问题在这里已经有了答案:Meaningof"this"innode.jsmodulesandfunctions(4个答案)关闭5年前。我已将我的Node.Js更新为7.6.0版,另一方面运行googlechrome57.0版。当我运行这段javascript代码时,我得到如下两个不同的结果:'usestrict'varobj={id:"awesome",cool:functioncoolFn(){console.log(this.id);}};varid="notawesome";obj.cool();//awsomesetTimeout(obj.cool,100);chrome上