Ant Design of React 框架使用总结1
一. 为什么要用UI 框架
- 统一了样式交互动画 . Ui框架会对样式,交互动画进行统一,保证了系统风格完整统一,不像拼凑起来的。
- 兼容性 ,不是去兼容IE 6 7 8那些低版本浏览器,而是对主流的标准浏览器的兼容性,举个例子:一个checkbox复选框在IE上显示一个样式,谷歌上又是一个样子,火狐上又是一个样子,这个时候框架开发者们就会对它的样式进行统一,并兼容各种小问题。
- 快速性 ,快速性很好理解,就是快速高效开发的意思,因为各种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上的可执行程序。( ?? 具体作用 )