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上的可执行程序。(  ?? 具体作用 )

转载于:https://www.cnblogs.com/andy-lehhaxm/p/10654142.html