前端领域最近几年发展的特别迅速,可以说是百家争鸣。在底层的前端框架领域中,最早是jquery称霸互联网,近两年MVVM类型的框架慢慢成为主流,Vue、React和Angular三大框架并驾齐驱。可以说,目前这四种是开发者用的最多使用最广的底层框架,也由此衍生了大量基于这些框架的免费UI库。

   这些年不断有新的框架冒出来,又不断有旧的框架被淘汰。2017年马上到尾声了,在这里总结一下基于Vue、React、Angular和Jquery这四大框架衍生的,经受过时间检验深受广大开发者欢迎的UI框架。

  一、基于Vue的UI框架:ElementUI

  ElementUI是由饿了么UED设计、饿了么前端团队开发的,基于Vue2.0的桌面端组件库。Vue可以说是2017年最火的引擎类前端框架,ElementUI以其美观的设计和高质量的组件很快俘获了一大批Vuer的芳心。

  不足之处在于组件的种类和功能不够多(例如数据表格组件),很多时候需要自己也要开发一些组件,否则难以完成复杂的企业级应用开发。

  官网地址:http://element.eleme.io

  二、基于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版本一致

  官网地址:https://ng.ant.design

  四、基于Jquery的UI框架:QUICK UI

   QUICK UI是引领视觉公司出品的一套基于Jquery的UI组件库。在前几年,Jquery可以说是引擎类框架中绝对的霸主,虽然最近几年它的受到MVVM类型框架的影响地位有所下降,但因为入门简单和友好的API设计,目前依然是使用最广泛的前端框架。

   如果用车比较的话,前几种框架可以看做汽车零件,而QUICK UI则非常接近于一辆完整的汽车。它定位是一套用于开发企业级应用的产品,所以对品质的要求非常高,包含了上百种组件,上千种示例演示功能特性,例如一个数据表格组件就拥有近100项功能点,包括跨行跨列的复杂表格、树形表、父子表、即时编辑表格等等。

   跟其他框架不同在于,QUICK UI不仅仅是一套组件库,它还有一套很便利的皮肤机制,搭配皮肤包可以实现效果的千变万化,让你的项目不再是千篇一律的单调风格,满足企业级开发需要。

   不足之处在于因为它是面向企业的商业产品,个人开发者可能承担不了费用。不过官方也推出了针对个人开发者的免费版本。

   官网地址:http://www.uileader.com

  

2017年最受欢迎的UI框架的更多相关文章

  1. 很受欢迎的vue前端UI框架

    最近在逛各大网站,论坛,SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,小编自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己 ...

  2. 2018年九个很受欢迎的vue前端UI框架

    最近在逛各大网站,论坛,SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,小编自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己 ...

  3. 创新高性能移动 UI 框架-Canvas UI 框架

    WebView 里无法获得的能力虽然是「体验增强」与「端基本能力」,但现都基本上有成熟解决方法.但后期的 UI 和 Layout 的性能反而是目前 Web 技术欠缺的.所以,无论是 Titanium ...

  4. 游戏UI框架设计(一) : 架构设计理论篇

    游戏UI框架设计(一) ---架构设计理论篇 前几天(2017年2月)看到一篇文章,国内王健林.马云等大咖们看好的未来十大最有"钱途"产业中,排名第一的就是"泛娱乐&qu ...

  5. 游戏UI框架设计(四) : 模态窗体管理

    游戏UI框架设计(四) --模态窗体管理 我们在开发UI窗体时,对于"弹出窗体"往往因为需要玩家优先处理弹出小窗体,则要求玩家不能(无法)点击"父窗体",这种窗 ...

  6. 游戏UI框架设计(五): 配置管理与应用

    游戏UI框架设计(五) --配置管理与应用 在开发企业级游戏/VR/AR产品时候,我们总是希望可以总结出一些通用的技术体系,框架结构等,为简化我们的开发起到"四两拨千金"的作用.所 ...

  7. 游戏UI框架设计(7): 资源国际化技术

    游戏UI框架设计(7) --资源国际化技术 说起"资源国际化"技术,个人认为可以追述到微软Window2000 PC操作系统的发布,在这之前windows98操作系统的开发都是先由 ...

  8. 前端UI框架小汇总

    前言: 近期,小弟根据GitHub.前端社区.掘金等平台对当前流行的前端UI框架的进行了小小的整理和汇总(ps:前端UI框架的应用是通过GitHub star数,社区热度和使用范围等进行的粗略的汇总[ ...

  9. .NET Core UI框架Avalonia

    .NET Core UI框架Avalonia,Avalonia是一个基于WPF XAML的跨平台UI框架,并支持多种操作系统:Windows(.NET Framework,.NET Core),Lin ...

随机推荐

  1. 201521123014 《Java程序设计》第9周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常相关内容. 异常(Exception)处理 异常(Exception)的概念:在程序运行的时候可能出错,Java中把程序出现的错 ...

  2. Hibernate逆向工程【PowerDesigner、idea环境下】

    为什么要使用逆向工程 由于我们每次编写Hibernate的时候都需要写实体,写映射文件.而且Hibernate的映射文件也容易出错.而逆向工程可以帮我们自动生成实体和映射文件,这样就非常方便了. 使用 ...

  3. appium实例编写(1)---以ContactsTest.apk 操作为例

    详情参照   http://www.cnblogs.com/puresoul/p/4696825.html#3326873   自己练习一遍 前言: appium环境搭建参照另一篇博客:http:// ...

  4. js学习要点

    js 一.词法结构 1.区分大小写 2.注意 // 单行 /* 多行注释 */ 3.字面量(直接量 literal) 12 //数字 5.8 // 小数 "hello" 'hell ...

  5. CSS3 animation-timing-function steps()

    animation-timging-function 主要是控制css动画从开始到结束的速度. linear:线性过渡.等同于贝塞尔曲线(0.0, 0.0, 1.0, 1.0) ease:平滑过渡.等 ...

  6. Java平台与.Net平台在服务器端前景预测

    如果是服务器端, 毫无疑问C#是很难跟Java拼的. 就算将来,微软逆袭的机会也很渺茫了.就技术的先进性来说, Java平台是不如.Net平台, 但是, 程序员对于两个平台,直接接触的基本以语言为主, ...

  7. 实例说明MVC,MVP,MVVM架构

    很早就知道有这三个概念,但是一直都不清楚是怎么回事,在网上搜索,都是泛泛而谈,没有具体例子,新手是看不懂的,直到找到这篇文章,我对这三个架构有了更清楚的了解. 从一个简单的例子去研究这三个架构. 注意 ...

  8. 【Revit API】梁构件支座检查算法

    一.前言         应该是第二次写关于Revit API的博文了.虽然在BIM企业中工作,从事桌面BIM软件开发,但是我是不怎么喜欢写Revit API相关的代码.平时更多的是在写界面展示,架构 ...

  9. vue数组语法兼容问题

    先来一行代码: <a :href="['NewsNote.asp?ID='+item.ID+'&MenuType=C']" v-text="item.Tit ...

  10. codeforces 8c Looking for Order

    https://vjudge.net/problem/CodeForces-8C 题意: 一个平面上放着许多东西,每个东西都有一个坐标,最开始一个人在一个起始坐标,她出发去拿东西,一次要么拿一件东西, ...