鍍金池/ 教程/ HTML/ 與 DOM 的差異
顯示數(shù)據(jù)
組件的引用
Controlled Input 值為 null 的情況
Reconciliation
子 props 的類型
組件的詳細說明和生命周期
傳遞 Props
特殊的非 DOM 屬性
組件 API
PureRenderMixin
雙向綁定輔助工具
瀏覽器中的工作原理
深入 JSX
表單組件
Dangerously Set innerHTML
入門
JSX 中的 If-Else
克隆組件
教程
更多的關于Refs
JSX 的 false 處理
高級性能
Mounting 后 componentWillReceiveProps 未被觸發(fā)
簡介
測試工具集
JSX 陷阱
工具集成(ToolingIntegration)
公開組件功能
通過 AJAX 加載初始數(shù)據(jù)
事件系統(tǒng)
可復用組件
this.props.children undefined
不可變數(shù)據(jù)的輔助工具(Immutability Helpers)
動態(tài)交互式用戶界面
組件的 DOM 事件監(jiān)聽
復合組件
動畫
插件
JSX 展開屬性
行內樣式
性能分析工具
類名操作
與其他類庫并行使用 React
鍵控的片段
標簽和屬性支持
組件間的通信
React (虛擬)DOM 術語
JSX 根節(jié)點的最大數(shù)量
在樣式props中快速制定像素值
頂層 API
深入理解 React
自閉合標簽
為什么使用 React?
getInitialState 里的 Props 是一個反模式
與 DOM 的差異

與 DOM 的差異

React 為了性能和跨瀏覽器的原因,實現(xiàn)了一個獨立于瀏覽器的事件和 DOM 系統(tǒng)。利用此功能,可以屏蔽掉一些瀏覽器的 DOM 的粗糙實現(xiàn)。

  • 所有 DOM 的 properties 和 attributes (包括事件處理器)應該都是駝峰命名的,以便和標準的 JavaScript 風格保持一致。我們故意和規(guī)范不同,因為規(guī)范本身就不一致。然而,data-*aria-* 屬性符合規(guī)范,應該僅是小寫的。
  • style 屬性接收一個帶有駝峰命名風格的 JavaScript 對象,而不是一個 CSS 字符串。這與 DOM 中的 style 的 JavaScript 屬性保持一致,更加有效,并且彌補了 XSS 安全漏洞。
  • 所有的事件對象和 W3C 規(guī)范保持一致,并且所有的事件(包括提交事件)冒泡都正確地遵循 W3C 規(guī)范。參考事件系統(tǒng)獲取更多詳細信息。
  • onChange 事件表現(xiàn)得和你想要的一樣:當表單字段改變了,該事件就被觸發(fā),而不是等到失去焦點的時候。我們故意和現(xiàn)有的瀏覽器表現(xiàn)得不一致,是因為 onChange 是它的行為的一個錯誤稱呼,并且 React 依賴于此事件來實時地響應用戶輸入。參考表單獲取更多詳細信息。
  • 表單輸入屬性,例如 valuechecked,以及 textarea。這里有更多相關信息。