介绍三款大前端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语法。适用于大前端开发与移动端开发。

原文地址:https://www.cnblogs.com/ldw-blogs/p/10669637.html

时间: 2024-10-22 20:21:24

介绍三款大前端UI框架的相关文章

layui经典模块化前端UI框架初识

layui产生背景 layui相对于vue来说确实稍有逊色,但是官网提供的入门文档以及完善的框架结构,使的很多人开始用layui来开发前端页面,那么什么人会去使用layui呢? 针对后端开发人员,在对前端知之甚少的情况下需要自行开发前端页面 前后端数据动态交互要求较低的前端开发工程师 测试开发工程师 layui使用入门 首先我们来认识一下layui layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用.其

web前端ui框架好用的有哪几个

如今移动端网站越来越火热,移动端的网站也纷纷崛地而起,在进行web前端开发(http://www.maiziedu.com/course/web/)时,需要用到适合自己项目的框架就需要有偶遇的机会,特别是适合移动端的web前端框架,很难遇得到,下面小编就推荐几款合适的移动web 前端ui框架给大家,能大大提升我们的开发效率. Amaze UI Amaze UI是一个轻量级(所有CSS和JS gzip后100kB左右).Mobile first的前端框架, 基于开源社区流行前端框架编写. Froz

【转载】目前最受欢迎的WEB前端UI框架

目前WEB前端UI框架受到新人追捧,下边为大家列出目前最受欢迎.最优秀的前端框架以供大家选择一款适合自己的! Bootstrap 目前开源社区最受欢迎的项目之一,可谓大名鼎鼎了,最新版本3.x兼容IE9+ 官网:http://getbootstrap.com/ Foundation 属于WEB前端框架的先驱者,知名度被Bootstrap反超,但其优秀程度相比Bootstrap只强不弱!最新版本5.x兼容IE9+ 官网:http://foundation.zurb.com/ Semantic UI

推荐几个精致的web UI框架及常用前端UI框架

以下是几个精致的web UI框架 1.Aliceui Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式. gitHub地址:https://github.com/aliceui/aliceui.github.io 2.Amazeui Amaze UI 是一个轻量级. Mobile first 的前端框架, 基于开源社区流行前端框架编写的. 官网地址:http://amazeu

前端UI框架技术选型

需求 为了重构应用开发平台的前端,对目前的UI框架技术进行调研,有以下的标准: 1 要有丰富的控件以便支持大多数的mis系统的需求,如tree/table等 2 轻量不复杂,学习成本少 3 有统一的界面风格与调用接口 4 方便扩展 5 文档丰富 6 社区活跃 UI框架调研 复杂度 开发模式 开源 收费 组件 稳定性 扩展性 性能 兼容性问题 调试 学习成本 可读性 文档 社区 extjs 高/重量 桌面应用/js Y Y 很丰富 高 好/复杂 慢 一点 难 高 差 丰富 活跃 easyui 轻量

前端UI框架简单对比和选型建议

Bootstrap3.3.4的后台主题UI框架H+ v3.0 http://www.zi-han.net/developer/1031.html   (组件多而全,但收费) 拼图响应式前端框架 http://demo.pintuer.com/pintuer3/ (响应式,组件多而全) Semantic UI 和 amazeui http://www.semantic-ui.cn/ http://amazeui.org/ (响应式,跨浏览器,组件多而全,活跃性一般) x5应用快速开发 框架 htt

介绍三款串口监控工具:Device Monitoring Studio,portmon,Comspy

在开发上位机下位机通讯程序时,有一个好的监控工具会事半功倍.特在网上找了几款串口监控软件,作了简单对比: 一.Device Monitoring Studio 网址:http://www.hhdsoftware.com 程序截屏: 软件功能比较强大,是收费软件,免费试用15天.从截图可以看出,选择了通信端口以后,可以很轻松监控串口数据.另外从界面上看它还有数据统计等很多其它功能,我没有全部试用,就不多介绍了.需要注意一点,它的启动按钮在界面右侧下方. 二.微软portmon 微软工具包Sysin

三款大数据工具比拼,谁才是真正的王者

业内有这样一种说法,SQL虽然在大数据分析领域久经考验,但是无奈长江后浪推前浪,和炙手可热的Hadoop相比,SQL已经过时了.这个说法有点言过其实,现在很多的项目都是将Hadoop作为数据存储,然后利用SQL进行前端查询.这说明Hadoop需要一种高级查询语言的支持. Hadoop MapReduce虽然能够进行数据分析,但是太复杂了.于是,开发人员开发出了类似SQL的Pig和Hive. 大数据时代,我们有很多的查询工具可以选择.虽然SQL占据着绝对优势,但是随着大数据的持续升温,也给了Apa

三款大数据工具比拼,真正的王者会是谁呢?

业内有这样一种说法,SQL虽然在大数据分析领域久经考验,但是无奈长江后浪推前浪,和炙手可热的Hadoop相比,SQL已经过时了.这个说法有点言过其实,现在很多的项目都是将Hadoop作为数据存储,然后利用SQL进行前端查询.这说明Hadoop需要一种高级查询语言的支持. Hadoop MapReduce虽然能够进行数据分析,但是太复杂了.于是,开发人员开发出了类似SQL的Pig和Hive. 大数据时代,我们有很多的查询工具可以选择.虽然SQL占据着绝对优势,但是随着大数据的持续升温,也给了Apa