Ant Design of React 框架使用總結1

一.  爲何要用UI 框架

1. 統一了樣式交互動畫 . Ui框架會對樣式,交互動畫進行統一，保證了系統風格完整統一，不像拼湊起來的。
2. 兼容性 ，不是去兼容IE 6 7 8那些低版本瀏覽器，而是對主流的標準瀏覽器的兼容性，舉個例子：一個checkbox複選框在IE上顯示一個樣式，谷歌上又是一個樣子，火狐上又是一個樣子，這個時候框架開發者們就會對它的樣式進行統一，併兼容各類小問題。
3. 快速性 ，快速性很好理解，就是快速高效開發的意思，由於各類ui框架會封裝不少咱們經常使用的各類組件，這樣咱們就不用重複的去開發那些 html 結構和功能了。

二. UI框架的功能

　　 幾乎是全部ui框架絕對都有如下的組件類型，惟一的差異有多是各個ui框架對該類型命名的不一樣而已了，而功能也幾乎同樣，而全部組件都是封裝出來的小組件，根據功能需求都會提供：**「屬性，方法，事件」**這幾個接口出來供咱們使用，所以咱們在調用組件時，對應的去查看它的api就OK了，使用也就如此簡單了.

　　每一個ui框架都有本身特有的組件，也正是由於這個緣由，在項目技術選型時，這也是對ui框架的一個選擇標準，咱們須要它的某個功能來實現咱們的需求，固然也涉及到實際應用和可擴展性

• 佈局型組件：主要指柵格系統組件，layout佈局組件等
• 基礎型組件：主要指按鈕，圖標，字體，顏色等
• 導航型組件：主要指菜單，tab標籤，分頁控件組件，下拉列表組件等
• 表單型組件：input輸入框，checkbox複選,radio單選，評分，日期，form表單等
• 對話框型組件：主要指確認對話框，信息提示框
• 數據視圖組件：主要指table表格，list列表等

　　任何一個ui框架的組件的api，官網都有屬性的做用，方法的調用，以及使用注意事項。建議先去看這個組件的api,瞭解用法和注意事項，這樣開發過程纔會事半功倍。

三.  antd 是基於 Ant Design 設計體系的 React UI 組件庫，主要用於研發企業級中後臺產品。

　　特色:

　　　　1.提煉自企業級中後臺產品的交互語言和視覺風格。

　　　　2.開箱即用的高質量 React 組件。

　　　　3.使用 TypeScript 構建，提供完整的類型定義文件。

　　　　4.全鏈路開發和設計工具體系。

　　所需的環境:

　　　　1.主流瀏覽器和 IE9 及以上（須要 polyfills）。

• 　　　　2.支持服務端渲染。

　　       3.Electron(翻譯: 電子)  將已開發好的WEB前端，直接轉化爲windows上的可執行程序。(  ?? 具體做用 )