2017年最受欢迎的UI框架
前端领域最近几年发展的特别迅速,可以说是百家争鸣。在底层的前端框架领域中,最早是jquery称霸互联网,近两年MVVM类型的框架慢慢成为主流,Vue、React和Angular三大框架并驾齐驱。可以说,目前这四种是开发者用的最多使用最广的底层框架,也由此衍生了大量基于这些框架的免费UI库。
这些年不断有新的框架冒出来,又不断有旧的框架被淘汰。2017年马上到尾声了,在这里总结一下基于Vue、React、Angular和Jquery这四大框架衍生的,经受过时间检验深受广大开发者欢迎的UI框架。
一、基于Vue的UI框架:ElementUI
ElementUI是由饿了么UED设计、饿了么前端团队开发的,基于Vue2.0的桌面端组件库。Vue可以说是2017年最火的引擎类前端框架,ElementUI以其美观的设计和高质量的组件很快俘获了一大批Vuer的芳心。
不足之处在于组件的种类和功能不够多(例如数据表格组件),很多时候需要自己也要开发一些组件,否则难以完成复杂的企业级应用开发。

二、基于React的UI框架:AntDesign
AntDesign蚂蚁金服出品的基于React的一款前端UIlibrary,React在14年和15年非常火爆,虽然入门的门槛偏高但仍然不断有大量的开发者使用。
蚂蚁金服对AntDesign的定位不仅仅是一套UI组件库,而是一套前端设计语言,提供了大量的设计规范和示例。基本上想到的页面交互都可以用AntDesign来实现,大大降低了页面开发成本。
不足之处在于性能方面有待提高,比如tab,此外很多用户抱怨字小,图标也过小等。
官网地址:https://ant.design/

三、基于Angular的UI框架:NG-ZORRO
NG-ZORRO是AntDesign的Angular实现,NG-ZORRO不仅继承了AntDesign的独到思想和极致体验,同时也结合了Angular框架的优点和特性。目前第一版发布将支持Angular4.0.0及以上版本,组件的数量现已覆盖AntDesignReact版本的80%以上,组件的风格已与AntDesign最新版本保持同步,组件的接口也尽量保持了与AntDesign的React版本一致

四、基于Jquery的UI框架:QUICK UI
QUICK UI是引领视觉公司出品的一套基于Jquery的UI组件库。在前几年,Jquery可以说是引擎类框架中绝对的霸主,虽然最近几年它的受到MVVM类型框架的影响地位有所下降,但因为入门简单和友好的API设计,目前依然是使用最广泛的前端框架。
如果用车比较的话,前几种框架可以看做汽车零件,而QUICK UI则非常接近于一辆完整的汽车。它定位是一套用于开发企业级应用的产品,所以对品质的要求非常高,包含了上百种组件,上千种示例演示功能特性,例如一个数据表格组件就拥有近100项功能点,包括跨行跨列的复杂表格、树形表、父子表、即时编辑表格等等。
跟其他框架不同在于,QUICK UI不仅仅是一套组件库,它还有一套很便利的皮肤机制,搭配皮肤包可以实现效果的千变万化,让你的项目不再是千篇一律的单调风格,满足企业级开发需要。
不足之处在于因为它是面向企业的商业产品,个人开发者可能承担不了费用。不过官方也推出了针对个人开发者的免费版本。

2017年最受欢迎的UI框架的更多相关文章
- 很受欢迎的vue前端UI框架
最近在逛各大网站,论坛,SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,小编自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己 ...
- 2018年九个很受欢迎的vue前端UI框架
最近在逛各大网站,论坛,SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,小编自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己 ...
- 创新高性能移动 UI 框架-Canvas UI 框架
WebView 里无法获得的能力虽然是「体验增强」与「端基本能力」,但现都基本上有成熟解决方法.但后期的 UI 和 Layout 的性能反而是目前 Web 技术欠缺的.所以,无论是 Titanium ...
- 游戏UI框架设计(一) : 架构设计理论篇
游戏UI框架设计(一) ---架构设计理论篇 前几天(2017年2月)看到一篇文章,国内王健林.马云等大咖们看好的未来十大最有"钱途"产业中,排名第一的就是"泛娱乐&qu ...
- 游戏UI框架设计(四) : 模态窗体管理
游戏UI框架设计(四) --模态窗体管理 我们在开发UI窗体时,对于"弹出窗体"往往因为需要玩家优先处理弹出小窗体,则要求玩家不能(无法)点击"父窗体",这种窗 ...
- 游戏UI框架设计(五): 配置管理与应用
游戏UI框架设计(五) --配置管理与应用 在开发企业级游戏/VR/AR产品时候,我们总是希望可以总结出一些通用的技术体系,框架结构等,为简化我们的开发起到"四两拨千金"的作用.所 ...
- 游戏UI框架设计(7): 资源国际化技术
游戏UI框架设计(7) --资源国际化技术 说起"资源国际化"技术,个人认为可以追述到微软Window2000 PC操作系统的发布,在这之前windows98操作系统的开发都是先由 ...
- 前端UI框架小汇总
前言: 近期,小弟根据GitHub.前端社区.掘金等平台对当前流行的前端UI框架的进行了小小的整理和汇总(ps:前端UI框架的应用是通过GitHub star数,社区热度和使用范围等进行的粗略的汇总[ ...
- .NET Core UI框架Avalonia
.NET Core UI框架Avalonia,Avalonia是一个基于WPF XAML的跨平台UI框架,并支持多种操作系统:Windows(.NET Framework,.NET Core),Lin ...
随机推荐
- Geronimo tomcat: 在 Apache Geronimo 插件体系中将 Apache Tomcat 这个优秀的 Web 容器整合至其中
Apache Geronimo 灵活的插件体系将 Tomcat, OpenJPA, OpenEJB, ActiveMQ 等第三方组件集成至其中.本文从多角度介绍了在 Apache Geronimo 中 ...
- csv模块简单使用
json是一种嵌套了列表与字典的格式,json包可以读取返回的json格式,json.load(html返回的对象) csv模块,用来操作csv文件, import csv #from os impo ...
- lintcode.44 最小子数组
最小子数组 描述 笔记 数据 评测 给定一个整数数组,找到一个具有最小和的子数组.返回其最小和. 注意事项 子数组最少包含一个数字 您在真实的面试中是否遇到过这个题? Yes 哪家公司问你的这个题 ...
- Lucene第一篇【介绍Lucene、快速入门】
什么是Lucene?? Lucene是apache软件基金会发布的一个开放源代码的全文检索引擎工具包,由资深全文检索专家Doug Cutting所撰写,它是一个全文检索引擎的架构,提供了完整的创建索引 ...
- 分页复用代码【Page类、JSP显示页面】
前言 为了复用,记载一些以前写过的工具类.方法 page类 import java.util.List; /** * Created by ozc on 2017/3/1. */ public cla ...
- OSGi-简介(01)
OSGi是什么? OSGi联盟现在将OSGi定义为一种技术: OSGi技术是指一系列用于定义Java动态化组件系统的标准.这些标准通过为大型分布式系统以及嵌入式系统提供一种模块化架构减少了软件的复杂度 ...
- Java_注解_01_注解(Annotation)详解
一.注解的概念 Annotation(注解)是插入代码中的元数据(元数据从metadata一词译来,就是“描述数据的数据”的意思),在JDK5.0及以后版本引入.它可以在编译期使用预编译工具进行处理, ...
- [js高手之路] 设计模式系列课程 - 迭代器(1)
迭代器是指通过一种形式依次遍历数组,对象,或者类数组结构中的每个元素. 常见的有jquery中的each方法, ES5自带的forEach方法. 下面我们就来自定义一个类似jquery或者ES5的迭代 ...
- struts1.3学习
一.基本配置 参考博客 项目结构 web.xml <!-- struts配置 --> <servlet> <servlet-name>action</serv ...
- 一张图告诉你移动Web前端所有技术(工程化、预编译、自动化)
你要的移动web前端都在这里! 大前端方向:移动Web前端.Native客户端.Node.js. 大前端框架:React.Vue.js.Koa 跨终端技术:HTML5.CSS 3.JavaScript ...