前端三大框架 

1. angular分為：angular 1.X（angularJS）和Angular2.x，兩者的區別類似 Java 和 JavaScript 或者說是雷鋒與雷峰塔的區別，angular 1.X 屬於MVC框架，但是幾乎絕跡，很少使用。Angular2.x 屬於MVVM框架。於2012-03-28釋出第一版
2. Vue.js是一套構建使用者介面的漸進式框架。Vue 從根本上採用最小成本、漸進增量的設計。Vue 的核心庫只專注於檢視層。他是中國大神尤雨溪將angular和react結合取其中的優點創作，所以vue的市場幾乎都在中國，也遍佈中國。最早版本：0.0.0，於2013-12-07釋出第一版
3. React 是一個用於構建使用者介面的 JAVASCRIPT 庫。React主要用於構建UI，很多人認為 React 是 MVC 中的 V（檢視），重檢視層。React 起源於 Facebook 的內部專案，並於 2013 年 5 月開源。React 擁有較高的效能，程式碼邏輯非常簡單。於2011-10-26釋出第一版

react基礎詳解

  一、同vue一樣都是用來操作虛擬DOM，其效能高，可以解決一些終端問題（PC端，移動端）

  二、入門建議使用直接引入react.js

1. 下載react.js，（react.js 自己什麼也做不了 必須藉助外掛,例如後邊倆）react-dom.js,browser.js。
2. 建立html資料夾，將上述js按順序引入
3. 接著就可以寫一個最簡單的例子

    ReactDOM.render(
       <h1>Hello, world!</h1>,
       document.getElementById('root')
    );  //需要建立一個id名為root的容器

   三、React 使用 JSX 來替代常規的 JavaScript。JSX 是一個很像 XML 的 JavaScript 語法擴充套件，JSX可用可不用，他的優點：

1. JSX 執行更快，因為它在編譯為 JavaScript 程式碼後進行了優化。
2. 它是型別安全的，在編譯過程中就能發現錯誤。
3. 使用 JSX 編寫模板更加簡單快速。

   let a = '<div>aaa</div>'//js中一段程式碼需要引號括起來
   
   let b = (<div style={{width:'100px'}}>
               <div>Hello</div>
               <span>React</span>
           </div>)//JSX中不需要引號直接編寫就好，但是給標籤加style需要將樣式用雙花括號括起來。
   ReactDOM.render(
       <div>
           <h1>{b}</h1>
           <input type="text" defaultValue="123"/>
           <input type="checkbox" defaultChecked/>
       </div>,//末位的逗號必須有，如果要將b引入到標籤中需要花括號括起來，單標籤必須在後邊加反斜槓
       document.getElementById('app')
   )
   
   

                                  欲知後事如何，請聽下回分解。