react

1、發展史
1.起源與facebook的內部項目,主要開發view的js庫。
2.app的分類 ：Native app原生app（ios,android）->各方面都最優。但不能跨平臺
webApp,webpack,Hbulider 打包app->跨平臺，硬件支持比較弱。
react native:開發方式如webApp簡潔，可是有Native app的性能
2、特色
1.虛擬DOM
2.組件化開發
3.JSX語法(能夠不使用，Reat依舊能夠運行)能夠直接寫js
3、使用
1.下載http://reactjs.cn/react/downloads.html
2.引入文件：react.js（React核心庫）
react-dom.js（提供與DOM相關的功能）
browser.js（將JSX語法轉換爲Javascript語法）
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>

4、ReactDOM.render()
1.做用：用於將模板轉換爲html並插入到指定的DOM節點
2.使用：ReactDOM.render(模板，DOM節點[，回調函數，通常不用])
5、JSX語法
1.HTML 語言直接寫在 JavaScript 語言之中，不加任何引號，這就是 JSX 的語法，它容許 HTML 與 JavaScript 的混寫
2.JSX基本語法規則：遇到 HTML 標籤（以 < 開頭），就用 HTML 規則解析；遇到代碼塊（以 { 開頭），就用 JavaScript 規則解析；
3.當要插入的變量是數組時，會展開數組的全部成員
6、組件（Component）
1.React 容許將代碼封裝成組件（component），而後像插入普通 HTML 標籤同樣，在網頁中插入這個組件。
2.方法：React.createClass（）
3.注意：
a.組件類的第一個字母必須大寫，不然會報錯
b.組件類有且只能有一個頂層標籤，不然也會報錯
c.組件的用法與原生的 HTML 標籤徹底一致，能夠任意加入屬性；組件的屬性能夠接受任意值，字符串、對象、函數等等均可以
d.組件的屬性能夠在組件類的 this.props 對象上獲取，好比 name 屬性就能夠經過 this.props.name 讀取 e.class 屬性須要寫成className ，for 屬性須要寫成htmlFor ，這是由於 class 和 for 是 JavaScript 的保留字
f.全部組件類都必須有本身的 render 方法，用於輸出組件
7、this.props.children
1.this.props 對象的屬性與組件的屬性一一對應，可是有一個例外，就是 this.props.children 屬性
2.this.props.children：表示組件的全部子節點
3.this.props.children 的值有三種可能：若是當前組件沒有子節點，它就是 undefined ;若是有一個子節點，數據類型是 object ；若是有多個子節點，數據類型就是 array
4.React 提供一個工具方法 React.Children 來處理 this.props.children
5.React.Children.map 來遍歷子節點，而不用擔憂 this.props.children 的數據類型是 undefined 仍是 object