一、React簡介
想實現頁面的局部刷新,而不是整個網頁的刷新。AJAX+DOM可以實現局部刷新
1.特點
(1)虛擬DOM
開發者通過React來操作原生DOM,從而構建頁面。
React通過虛擬DOM來實現,可以解決DOM的兼容性問題,可以保證對網頁最小的修改,避免使用DOM的復雜API
(2)聲明式
以結果為導向,根據開發者的需求自動生成相關代碼。JSX
(3)基于組件?
將網頁中的各個部分拆分出了各個組件,使組件可以復用,降低代碼之間的耦合
React本質在開發組件
(4)支持服務器端渲染
二、入門開發
1.引入JS文件
react-dom可以開發網頁(操作和DOM相關的時候用);react-native可以開發原生應用。根據需求分別引入,react必須引入。
2.原生DOM和React的寫法對比
(1)DOM元素
通過DOM向頁面中現有的div中添加一個div
(2)React元素
通過React向頁面中現有的div中添加一個div
3.API
(1)createElement()
可以一次性創建React元素名稱、屬性、內容
創建的React元素不能修改,如何替換?