适用于大前端开发与移动端开发 3款大前端UI框架

yipeiwu_com5年前前端框架UI

一、蚂蚁金服团队推出的基于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语法。适用于大前端开发与移动端开发。


相关文章

阿里巴巴26个前端开源项目

目录1.数据驱动的高交互可视化图形语法 AntV - G22.企业级中后台 UI 解决方案 Fusion Design3.设计语言 & 前端框架 Ant Design4.基于 G2 封装的 R...

html5 audio音频播放详细功能参数全解析

html5 audio音频播放详细功能参数全解析

html5开启了一个新时代,因为它让浏览器本身变得不那么被动,audio api就是一个典型的列子,在html5还没确定之前,如果想要在网页上听音乐看视频唯一的办法就是用flash,意思是当你没有给浏...

JavaScript和TypeScript的区别及如何选择

TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言,我们已经熟知 TypeScript 是 JavaScript 的一个超集,但是 TypeScript 与 Jav...