react

react

本地模式

react 是什么

React 起源于Facebox
React 是一个用于构建用户界面的javascript 库

什么是虚拟Dom

虚拟Dom相当于在js和真实dom中加了一个缓存。基于React进行开发时所有的Dom构造都是通过虚拟DOM进行，每当数据发生改变时，React都首先重新构造整个DOM树（减少页面更新次数）人后React将当前整个DOM树和上一次DOM树进行对行(DOM Diff算法-最小化页面重绘)，得到DOM结构的区别，然后仅仅将需要变化部分进行实际的浏览器DOM更新。

虚拟DOM 姓当于是在js和真实dom中间加了一个缓存，利用dom diff 算法避免了没有必要的 dom 操作

什么食调和？
将Virtual(虚拟)DOM树将转化actual(真实)DOM树最少操作的过程称为调和。

什么时react diff算法
diff算法是调和的具体体现

react特点

声明式设计 – React 采用声明范式，可以轻松描述应用。(开发者只需要声明显示内容。react就会自动渲染完成)

高效-React通过对DOM的模拟，最大限度地减少与DOM的交互。

灵活- React可以与已知的库或框架很好的配合。

组件-通过React 构建组件，使得代码更容易得到复用，能够很好的运用在大项目的开发中。(每个组件的功能拆分成小模块-每个小组件就是组件)

单向数据流 – React 是单向数据流， 数据主要从父节点传递到子节点 （通过props）。如果顶层（父级）的某个props改变了，React会重新渲染所有的子节点

组建的特点

强 内 聚
弱 耦 合

提高代码的复用率： 组件将数据和逻辑进行封装。

降低测试难度：组件高内聚低耦合（各个元素高集成度低关联性），很容易对单个组件测试

**代码的复杂程度：**直观的语法，可以极大提高可读性。

搭建环境

react.js文件时创建React元素和组件的核心文件，

react -dom.js文件用来把React组件渲染为DOM，此文件依赖react.js，需在其后被引入。

Babel 的主要用途是将ES6转成ES5 同时可以把JSX 语法转化新标准的javascript代码让现今浏览器兼容的代码

下载 cnpm install – save react babel-standalone react-dom

在html 文件中引入相关依赖包（注意顺序千万不能错）