什么是 react? 什么是 Ant Design? 下面本篇文章就来给大家介绍一下 react 和 Ant Design. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
React 介绍
React 是一个用于前端开发的开源 JavaScript 库, 由 Facebook 开发. 其基于组件的库使您可以为 web 应用程序构建高质量的用户界面.
React 主要用于构建 UI, 很多人认为 React 是 MVC 中的 V(视图).React 拥有较高的性能, 代码逻辑非常简单, 越来越多的人已开始关注和使用它.
React 起源于 Facebook 的内部项目, 因为该公司对市场上所有 JavaScript MVC 框架, 都不满意, 就决定自己写一套, 用来架设 Instagram 的网站. 做出来以后, 发现这套东西很好用, 就在 2013 年 5 月开源了.
由于 React 的设计思想极其独特, 属于革命性创新, 性能出众, 代码逻辑却非常简单. 所以, 越来越多的人开始关注和使用, 认为它可能是将来 Web 开发的主流工具.
Ant Design 介绍
Ant Design 是蚂蚁金服出品的开源框架, 是一个 ui 框架, 和 Bootstrap 一样是 ui 框架. 里面的组件很完善, 开发中后台系统非常方便. 分别基于 react,vue,angular 框架, 各自开发了一套 Ant Design 的 UI 框架.(这里主要讲 react 框架的 Ant Design)
1, 通用组件
1,Button 按钮
2,Icon 图标
3,Typography 排版: 这个是文案的排版
2, 布局
1),Grid 栅格: 24 栅格系统, 和 Bootstrap 中的 12 栅格系统一样的功能.
a,<Row gutter={16}>, 给 Col 组件之间 添加 16 像素的间距 [原理和 Bootstrap 差不多] . 他们之间的间距是以 padding 撑出来的, 所以在 Col 组件上不要使用背景色, 最好其它的样式都不要设置吧.
b, 两种栅格系统 [基础栅格, flex 栅格布局]
2),Layout 布局: 这个是针对 页面级整体布局
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/react/14965.html