react基本語法及元件
阿新 • • 發佈:2018-11-20
一、react簡介
1、起源:React 起源於 Facebook 的內部專案,用來架設 Instagram 的網站,並於 2013 年 5 月開源。
2、特點:
1.宣告式設計 −React採用聲明範式,可以輕鬆描述應用。 2.高效 −React通過對DOM的模擬,最大限度地減少與DOM的互動。 3.靈活 −React可以與已知的庫或框架很好地配合。 4.JSX − JSX 是 JavaScript 語法的擴充套件。React 開發不一定使用 JSX ,但我們建議使用它。 5.元件 − 通過 React 構建元件,使得程式碼更加容易得到複用,能夠很好的應用在大專案的開發中。 6.單向響應的資料流 − React 實現了單向響應的資料流,從而減少了重複程式碼,這也是它為什麼比傳統資料繫結更簡單。
解釋 宣告式設計 和 命名式設計
1、宣告式:你要做什麼事情 直接告訴機器 讓機器自己想辦法去做 你只需要得到結果 如陣列中的map遍歷 var arr = [1,2,3,4,5]; arr = arr.map((item)=>{ return item+=2 }) console.log(arr) 2、命令式:你要做什麼事情 按照流程書寫告訴機器 讓機器去實現 如使用for迴圈var arr = [1,2,3,4,5]; for(var i=0;i<arr.length;i++){ arr[i]+=2; } console.log(arr)
3、