UIleader 2017-10-19 18:09:07 5057次浏览 1条回复 1 0 0

  前端领域最近几年发展的特别迅速,可以说是百家争鸣。在底层的前端框架领域中,最早是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 1.png

  二、基于React的UI框架:AntDesign

   AntDesign蚂蚁金服出品的基于React的一款前端UIlibrary,React在14年和15年非常火爆,虽然入门的门槛偏高但仍然不断有大量的开发者使用。

  蚂蚁金服对AntDesign的定位不仅仅是一套UI组件库,而是一套前端设计语言,提供了大量的设计规范和示例。基本上想到的页面交互都可以用AntDesign来实现,大大降低了页面开发成本。

   不足之处在于性能方面有待提高,比如tab,此外很多用户抱怨字小,图标也过小等。

   官网地址:https://ant.design/ 2.png

  三、基于Angular的UI框架:NG-ZORRO

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

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

  四、基于Jquery的UI框架:QUICKUI

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

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

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

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

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

  

您需要登录后才可以回复。登录 | 立即注册