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的芳心。

 

　　不足之處在於元件的種類和功能不夠多（例如資料表格元件），很多時候需要自己也要開發一些元件，否則難以完成複雜的企業級應用開發。

 

　　官網地址：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