几款流行的前端UI框架

近几年来互联网发展变得越来越流行，作为程序员工作也是应接不暇，在开发过程中我们必定会打交道的就是框架，开发框架的种类也是相当多，但是每种开发框架都有自己独特的优点，但是也避免不了缺点，本文我们将和大家分享一些web前端开发框架对比，希望大家可以根据本文找到一种适合自己的框架。element 是由饿了么 ued 设计、饿了么大前端开发的一套基于 vue 2.0 的桌面端组件库,element设计了一套后台支撑框架，提升后台系统的可用性和一致性套用此框架，即使没有设计师参与，也能让产品或开发设计出一套好用的后台系统。特别是现在我们web的前端页面都是使用velocity这样的模板语言进行开发，抛弃了jsp，这样的选择又会给我们java的web开发带来什么样的好处，延着这个问题的思路，我又发现新的疑问，为什么现在很多java企业级开发都会去选择spring框架，spring框架给我们开发的应用带来了什么。

一、Mint UI

Mint UI是 饿了么团队开发基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。

官网：https://mint-ui.github.io/#!/zh-cn

Github: https://github.com/ElemeFE/mint-ui/

二、WeUI

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。

官网地址：https://weui.io/

Github: https://github.com/weui/weui.git

三、cube-ui

cube-ui是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。

官网地址：https://didi.github.io/cube-ui/#/zh-CN

Github: https://github.com/didi/cube-ui/

四、iView UI

iview ui是一个强大的ui库基于vue，有很多实用的基础组件比elementui的组件更丰富，主要服务于 PC 界面的中后台产品。使用单文件的 Vue 组件化开发模式 基于 npm + webpack + babel 开发，支持 ES2015 高质量、功能丰富 友好的 API ，自由灵活地使用空间。

官网地址：https://www.iviewui.com

Github: https://github.com/TalkingData/iview-weapp

五、layui

其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到api的每一处细节都经过精心雕琢网页ui框架，非常适合界面的快速开发。云适配将这套组件命名为“”，简单来说他是一个针对5开发的轻量级、模块化、移动优先的跨屏前端框架，通过拆分、封装了一些常用的网页组件，比如轮播图框、文字框等等组件，让前端开发者只用复制代码便可以将这些跨屏的组件写入自己的网页中，而不需要自己在开发的过程中重写一遍。唯一有点可惜的是，经历过jquery为代表的第三方类库的发展，一直到现今的更多流行的mvvm前端框架设计思想和组件，越来越多的年轻前端开发人员疏忽了原生javascript和原生ajax的力量——其实那才是“洪荒之力”。

Github: https://github.com/sentsin/layui/

六、ElementUI

Element是饿了么前端开源维护的Vue UI组件库,组件齐全，基本涵盖后台所需的所有组件，文档讲解详细，例子也很丰富。 主要用于开发PC端的页面，是一个质量比较高的Vue UI组件库。官网地址:#/zh-CN

[url=https://github.com/comeforu2012/truth/wiki/chromeplus]https://github.com/comeforu2012/truth/wiki/chromeplus[/url]。代码托管地址:[https://github.com/icodeu/aes4java](https://github.com/icodeu/aes4java)。阿里巴巴alibabahttps://github.com/alibaba/https://github.com/thx。

七、at-ui

以下it经理网介绍几个非常重要而有用的react组件库和开发框架，方便你在现有react组件基础上快速拼装ui：。onsen ui是一款将客户要素基于html5 ui 框架、用于开发移动前端的应用，它得益于web 组件的概念使得其开发应用变得简便。拼图 pintuer.com：国内优秀的html、css、js跨屏响应式开源前端框架，使用最新浏览器技术，为快速的前端开发提供一系统的文本、图标、媒体、表格、表单、按钮、菜单、网格系统等样式工具包，占用资源小网页ui框架，使用拼图可以快速构建简洁、优雅而且自动适应手机、平板、桌面电脑等设备的前端界面，让前端开发像玩游戏一下快乐而轻松。

官网:https://at-ui.github.io/at-ui/#/zh

Github: https://github.com/at-ui/at-ui/issues

八、amaze UI

组件是框架提供的一系列基础模块，是视图层的基本组成单元，包含表单组件、导航、地图、媒体组件等常用元素，如图1说明当前小程序支持的的视图组件。拼图 pintuer.com：国内优秀的html、css、js跨屏响应式开源前端框架，使用最新浏览器技术，为快速的前端开发提供一系统的文本、图标、媒体、表格、表单、按钮、菜单、网格系统等样式工具包，占用资源小，使用拼图可以快速构建简洁、优雅而且自动适应手机、平板、桌面电脑等设备的前端界面，让前端开发像玩游戏一下快乐而轻松。在他们用一行代码做适配的过程中，积累了一套跨屏的前端常用网页组件，而最近，他们想把这套组件开源出来，让前端开发者都可以免费使用。

官网地址：

Github: https://github.com/zordius/lightncandy

九、.vant UI

vant UI是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。通过 Vant，可以快速搭建出风格统一的页面，提升开发效率。

官网地址：https://youzan.github.io/vant/#/zh-CN/intro

Github: https://github.com/youzan/vant

十、Flutter

dubbo作为阿里开源的分布式服务框架，实现高性能的 rpc 调用同时提供了丰富的管理功能，是一款应用广泛的优秀的 rpc 框架，但现在较少维护更新。尽管上述任务场景都是微服务基础必须提供的服务，但是 spring 团队不知道哪些开源架构会成为主流，也不知道在云环境中构建 saas 应用是否完备。dubbo是阿里巴巴提供的开源的soa服务化治理的技术框架，据说只是剖出来的一部分开源的，但一些基本的需求已经可以满足的，而且扩展性也非常好（至今没领悟到扩展性怎么做到的），通过spring bean的方式管理配置及实例，较容易上手且对应用无侵入。

官网:

Github: https://github.com/flutter/flutter

十一、ionic

Ionic既是一个CSS框架也是一个Javascript UI库,Ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序，它 提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为 Web 和移动开发者的共同选择。

官网:

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/ruanjian/article-116713-1.html