---
# System prepended metadata

title: 1.特色
tags: [React]

---

# 1.特色
###### tags: `React`
* React的特點
	1. 聲明式編碼 組件化編碼
	2. virtual DOM
	編寫時只是在操作虛擬DOM的data, react會轉換為真實DOM變化並更新
	3. DOM Diffing算法, 最小化頁面重繪。

* 相關js庫
	1. react.js：React核心庫。
	2. react-dom.js：提供操作DOM的react擴展庫。
	3. babel.min.js：解析JSX語法代碼轉為JS代碼的庫。

* 創建虛擬DOM的兩種方式
	1. 純JS方式(一般不用)
	2. JSX方式

---
> 事件處理
1. 通過onXxx屬性指定事件處理函數(注意大小寫)
	1) React使用的是自定義(合成)事件, 而不是使用的原生DOM事件
	2) React中的事件是通過事件委託方式處理的(委託給組件最外層的元素)
2. 通過event.target得到發生事件的DOM元素對象 (盡量不要使用ref)