介绍三款大前端UI框架

Posted 2021-02-15 ldw-blogs

 

一、蚂蚁金服团队推出的基于React antd (全名：ant.design)

友情跳链：https://ant.design/index-cn；使用antd模板：https://pro.ant.design/ (基于react)

优点：

不言而喻，阿里的蚂蚁金服团队，在前端组件UI上是下足了功底，喜欢开箱即用的可以直接使用，当然该组件不仅仅局限于使用react,同时你可以选用Vue与angular版本去搭配使用。

技术文档：VUE+antd  :  https://vue.ant.design/docs/vue/introduce/

技术文档：Angular+antd : https://ng.ant.design/docs/introduce/zh

二、饿了么前端团队推出的基于Vue element UI

element主推的四大原则：

组件较为丰富，但是在开发的过程中有时需要组合组件使用，element空间主色调为

Element 主要品牌颜色是鲜艳、友好的蓝色。喜欢轻简风格的可以尝试使用。

友情跳链：http://element-cn.eleme.io/#/zh-CN 

当然，Element不仅仅局限于传统的Vue+Element模式：

GitHub仓库：https://github.com/elemefe/element-react

技术文档：https://element-angular.faas.ele.me/guide/install

 

三、Google团队设计并维护 Material design 

谷歌表示，这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。

你懂得，谷歌推出的，境内没服务器，所以要梯子才能正常访问，慎重选择，不过UI设计别具一格，喜欢的可以尝试。

 

友情链接：https://www.material.io/design/components/（访问速度一般）

技术文档：https://material.angular.io/（访问速度较慢）

另外由于angular2.0以上版本推出时间晚于react所以组件并没有react这边支持的丰富

技术文档：https://material-ui.com/（速度一般）

三款UI组件库，均支持typescript语法。适用于大前端开发与移动端开发。