首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

React篇(010)-为什么虚拟 dom 会提高性能?

答案: 虚拟dom(virtual dom) 其实就是一个JavaScript对象,通过这个JavaScript对象来描述真实dom。 真实dom:以前没有虚拟dom,如果需要比较两个页面的差异,我们需要通过对真实dom进行比对。真实dom节点是非常复杂的,它里面会绑定的事件,它会有属性,背后会有各种方法,会频繁触发重排与重绘,所以两个真实dom比对,非常耗性能。 总损耗 = 真实DOM完全增删改 + (可能较多的节点)重排与重绘 虚拟dom:相当于在js和真实dom中间加了一个缓存,利用dom diff算法避免了没有必要的dom操作,从而提髙性能。 总损耗 = 虚拟DOM增删改 + (与Diff算法效率有关)真实DOM差异增删改 + (较少的节点)重排与重绘 具体实现步骤如下: 1. 用JavaScript对象结构表示DOM树的结构;然后用这个树构建一个真正的DOM树,插到文档当中; 2. 当状态变更的时候,重新构造一棵新的对象树。然后用新的树和旧的树进行比较,记录两棵树差异; 3. 把步骤2所记录的差异应用到步骤1所构建的真正的DOM树上,视图就更新了。

01

科学瞎想系列之一一八 异步电机的电流圆图

第一一四期瞎想我们曾讲了同步电机的功率圆图,既然同步电机有个“圆图”,那么异步电机有没有呢?有!本期我们就说说异步电机的电流圆图。对于异步电机,特别是大中型异步电机,往往在做试验时很难测到电机的最大转矩以及各种负载状态下的运行参数,于是国家标准GB/T1032《三相异步电动机试验方法》里也规定了一种“圆图法”求解各项运行参数的试验方法。但该国家标准中并未说明所谓的“圆图”是个什么“圆”的“图”,也没有在标准中看到一个“圆图”,更没有说明这个“圆图”的画法和利用“圆图”求解各种运行参数的原理,搞得大家云里雾里,即使用圆图法解出了一些运行参数也是知其然不知其所以然。本期老师就给BOSS们解一下此惑,从异步电机哪来的“圆图”开始,详细说说这个“圆图”的画法、“圆图”上能够反映哪些运行参数信息、如何在这个“圆图”上求解各种运行参数等等,相信BOSS们看完本文,会茅塞顿开、豁然开朗,以后只要把一台异步电机的“圆图”一画,就会轻松看出这台电机在各种负载工况下的各种性能参数,一目了然! 1 “圆图”从何而来 说到“圆图”,必然要有个“圆”,这个“圆”是什么“圆”呢?我们先从一个最简单的交流电路说起,如图1(a)所示,为一个简单的R、L串联电路,其中电源电压U为恒定值,感抗X固定不变,而电阻R则在零到无穷大的范围内变化。由欧姆定律可知,电路中的电流: I=U/Z=(U/X)•(X/Z)

04
领券