没有了糖的可乐

props 因为React是组件化的，因此页面上的元素会被拆分成一些可复用的组件。一个组件就是一个单独的类或者函数，需要通过props来接收从组件外部传过来的数据，因为React是单向数据流，所有props就是接收来自父组件的数据,props是只读的，不可改变的，用来定义外部接口 ```父组件 import Item from "./Item" class ItemList extends R...

虚拟Dom是React的核心，一大亮点。为什么会有虚拟Dom呢，还是为了快捷高效。 Dom的作用就是对Html文档进行增删改查，我们如过要绘制一张表单，一个for循环就可以将所有的元素绘制到页面上了，但是后面其中有某个或者某几个元素更新的时候，我们又得去手动调一下for循环把整个表单重新绘制一番。牵一发而动全身，浏览器都要重新布局，重新绘制，如果Dom树有很多节点，更新又很频繁的时候，这就会非常影...

当我们把虚拟Dom构建成功之后，我们就需要对新旧Dom进行对比，找出其中真正发生变化的部分 在某一时间节点调用 React 的 render()方法，会创建一棵由 React 元素组成的树。在下一次 state 或 props 更新时，相同的 render()方法会返回一棵不同的树。React 需要基于这两棵树之间的差别来判断如何有效率的更新 UI 以保证当前 UI 与最新的树保...

在Js代码里面写HTML, 其实就是构造了一个个的Dom对象，如果单纯的用JS来写，会非常冗余而且不能很清晰的看清Dom树的结构，因此就有了JSX，直接用HTML的写法在JS中写Dom { tag: 'div' attrs: { className: 'userName', id: 'userId'}, children: [ { ...

现在Web前端中，React、Vue、Angule三大框架成三足鼎立之势 React：最初是FaceBook用于其内部项目Instagram，后于2013年开源，由于其采用虚拟Dom和Diff算法，设计思想独特，代码逻辑简单，如今已经有越来越多的人和公司开始关注和使用 （1）声明式设计 (2) 高效快速：通过对Dom的模拟，在最大程度上减少了于Dom的交互，改变真实的DOM状态远比改变一个Ja...