1.什麼是react？
react是乙個前端框架，來自於facebook，適合於大型專案，效率高，基於元件化的方式開發。
react是乙個基於元件化開發的前端框架，是facebook於13年5月開始開源的乙個框架，效率非常高，
適合於大型專案，用於製作單頁面spa應用。
2.react環境搭建
1）傳統標籤引入資源（適合初學者入門）
2）手動npm安裝
3）yeoman腳手架（推薦）
安裝yeoman cnpm i -g yo
安裝生成器 cnpm i -g generator-react-webpack
建立 yo react-webpack
終止預設安裝依賴，安裝依賴 cnpm i
4）執行專案 npm start //自動查詢當前目錄下的package.json中的start命令，執行該命令
npm run dist //打包命令，將製作完成的專案匯出
3.jsx語法
1).什麼是jsx?
jsx是react中的特殊語法，是js的一種補充，可以直接在js**中編寫html標籤，並不能直接執行，
需要使用babel編譯成es5**後才能執行。
2).jsx表示式
3).注意事項
1.渲染元件或html元素時，html元素首字母必須小寫，元件首字母必須大寫
2.class屬性要寫成 classname for屬性轉成htmlfor
3.jsx的語句只能有乙個頂級標籤，如果有多個標籤並列時必須使用乙個頂級標籤包圍
4.jsx編寫的標籤並不是原生的html標籤，只是react元件物件，是乙個虛擬dom
5.如果要使用事件，必須使用on+事件名稱的格式，事件名必須首字母大寫，如onclick
4.元件開發
1).什麼是元件？
元件就是實現某乙個功能的html片段
2).編寫元件
var react = require('react');
var 元件名 = react.createclass(
})module.exports=元件名;
5.屬性傳遞
1)什麼是屬性傳遞？
屬性傳遞是指在呼叫元件時，可以為元件標籤設定自定義屬性，可以在元件內部接收到該值
2）屬性傳值的用法
a.設定傳值
《元件名 屬性名=屬性值》內容
});7.父子元件
核心：在父元件內部引用子元件
var 子元件=require('子元件');
var form=react.createclass(
})8.狀態傳遞
1).什麼是狀態？
狀態是元件內部對資料進行設定，共享，使用的一種機制，在內部進行資料傳遞。
2).元件狀態的用法
a.設定預設元件狀態
getinitstate:function()
}b.獲取狀態值
this.state.狀態名
c.修改狀態值
this.setstate();
3).狀態和屬性的區別
狀態state：資料從元件內部傳到內部，實現元件內部的資料傳遞，可以初始化、獲取、修改
屬性props：資料從元件呼叫處傳到內部，實現元件資料從外部傳到內部，可以初始化，獲取，不能在內部修改
refs ：獲取頁面元素
Kafka入門（概念理解）
apache kafka 是 乙個分布式流處理平台.這到底意味著什麼呢?基本結構 傳統的訊息系統有兩個模組 佇列 和 發布 訂閱。在佇列中，消費組允許你將處理過程分發給一系列程序 消費組中的成員 在發布訂閱中，kafka允許你將訊息廣播給多個消費組。kafka的優勢在於每個topic都有以下特性 可...
react（1） 虛擬DOM概念理解
虛擬dom virtual document object model 通過js操作頁面上的元素 input，tr 是框架中的概念，程式設計師用js物件來模擬頁面上的dom樹 實現dom元素的高效更新 如果要將乙個 按照某一列排序，我們是通過對 的物件陣列實現重新排序後，再將整個陣列重新渲染到頁面上...
React的插槽理解
插槽就是元件中寫入內容，這些內容可以被識別和控制。react需要自己開發支援插槽功能，並不像vue那樣有自帶插槽標籤 下面通過乙個案例來具體演示吧 class parentcom extends react.component class root extends react.component r...