零:JSX簡介 react
JSX是JavaScriptXML的縮寫,給予ECMAScript的一種新特性,一種定義屬性樹結構的語法。服務器
JSX不是XML或者HTML。架構
JSX的特色:類XML的語法容易接受,加強JS語義,結構清晰,抽象程度高(跨平臺,無需關心如何操做dom),代碼模塊化(不一樣與MVC分離成3個文件,react是將代碼分離更多塊)。dom
源碼閱讀方法:執行順序/忽略細節/作邏輯筆記/反覆閱讀。模塊化
JS解釋器架構流程:入口函數-各個模塊-解析JSX-執行JS函數
在這個流程若是代碼量很是大會出現性能問題,咱們通常是將編譯後的JS放到服務器運行。性能