前端領域最近幾年發展的特別迅速，可以說是百家爭鳴。在底層的前端框架領域中，最早是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框架