Newbie_小白
没有都对的别人,也没有全错的自己,至少要有自己的坚持,无关他人、无关外物!

react:一个用于创建可复用,可聚合web组件的js库。只提供了前端mvc框架中的“V”,并不是一个完整的前端mvc框架。

特点:

  1、组件化,不需要写一堆HTML模板。

  2、JS逻辑与HTML标签紧密相连并且极易理解。

  3、单向数据流(数据一旦更新,就直接渲染整个app)。

优点:

  1、每个组件是干啥的,很直观。

  2、结果更可以预测。

  3、组件之间的关系更清晰。

管理UI的状态:

  1、修改DOM树

  2、修改数据

  3、接收用户的输入

  4、异步API数据请求

react渲染:

  传统方式:

    1、浏览器请求页面

    2、服务器请求数据库

    3、将数据传给模板

    4、模板渲染页面

  React的渲染方式

    1、用户输入

    2、从API获取数据

    3、将数据传给顶层组件

    4、React将每个组件渲染出来

一个React的组件可以理解成一个独立的函数,可以接受参数(props),可复用,可以传递,返回结果(渲染组件)。

javascript虽然快,但是DOM操作慢。

React在每一次更新时:

  1、React重建DOM树

  2、找到与上个版本的DOM的差异

  3、计算出最新的DOM更新操作

  4、从操作队列中批量地执行DOM更新操作

JXS:javascript 的XML语法扩展,采用了你所熟悉的和易理解的语法来定义DOM树。

React是如何使用JSX的:

 

<p class="hello">
    Hello {this.props.name}
</p>

将编译成React构造器的方法:

    React.createElement("p",{className:"hello"},"Hello",this.props.name)

 

 

  

 

posted on 2017-10-26 10:15  Newbie_小白  阅读(148)  评论(0编辑  收藏  举报