angularjs – React的性能问题

前端之家收集整理的这篇文章主要介绍了angularjs – React的性能问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我读到React非常快.最近,我写了一个应用来测试对角度的反应.不幸的是我发现反应比角度慢.
http://shojib.github.io/ngJS/#/speedtest/react/1

这是反应的源代码.我很反应.我确信我的反应代码在这里做错了.我发现它异常缓慢.
https://jsbin.com/viviva/edit?js,output

看看是否有任何反应专家可以找到瓶颈.

更新1:

>删除了上下文的用法.
>更好地使用setState.
>更好地使用shouldComponentUpdate.

我仍然不能使它比角度更快或甚至接近它.
https://jsbin.com/viviva/96/edit?js,output

更新2:

我在单元组件中创建了2d数组,这是一个很大的错误.所以我把它们变成了混合物.现在我相信在DOM操作中反应比角度更快.
https://jsbin.com/nacebog/edit?html,output

更新3:

我的错误了.我做错了,这让它更快.经过分析,它渲染不正确.如果有人可以帮助我理解,如果这可以更快.我知道反应不善于处理大型数组.在这种情况下,它处理四个3d数组. https://jsbin.com/viviva/100/edit?html,js

在我看来,这是一个非常人为的例子.

>如上所述,您正在错误地使用上下文.
>不需要mixin:列和行的数量可以而且应该作为props传递下去. create2DArray,getRandomNumber应该作为简单的全局函数声明在脚本的顶部.
>您正在错误地设置状态.你永远不应该像这样改变状态this.state.some =’whatever’,你必须使用setState

this.setState({some:’whatever’});

猜你在找的Angularjs相关文章