介紹三款大前端UI框架


 

一、螞蟻金服團隊推出的基於React antd (全名:ant.design)

友情跳鏈:https://ant.design/index-cn;使用antd模板:https://pro.ant.design/ (基於react)

優點:

不言而喻,阿里的螞蟻金服團隊,在前端組件UI上是下足了功底,喜歡開箱即用的可以直接使用,當然該組件不僅僅局限於使用react,同時你可以選用Vue與angular版本去搭配使用。

技術文檔:VUE+antd  :  https://vue.ant.design/docs/vue/introduce/

技術文檔:Angular+antd : https://ng.ant.design/docs/introduce/zh

二、餓了么前端團隊推出的基於Vue element UI

element主推的四大原則:

組件較為豐富,但是在開發的過程中有時需要組合組件使用,element空間主色調為

Element 主要品牌顏色是鮮艷、友好的藍色。喜歡輕簡風格的可以嘗試使用。

友情跳鏈:http://element-cn.eleme.io/#/zh-CN 

當然,Element不僅僅局限於傳統的Vue+Element模式:

GitHub倉庫:https://github.com/elemefe/element-react

技術文檔:https://element-angular.faas.ele.me/guide/install

 

三、Google團隊設計並維護 Material design 

谷歌表示,這種設計語言旨在為手機、平板電腦、台式機和“其他平台”提供更一致、更廣泛的“外觀和感覺”。

你懂得,谷歌推出的,境內沒服務器,所以要梯子才能正常訪問,慎重選擇,不過UI設計別具一格,喜歡的可以嘗試。

 

友情鏈接:https://www.material.io/design/components/(訪問速度一般)

技術文檔:https://material.angular.io/(訪問速度較慢)

另外由於angular2.0以上版本推出時間晚於react所以組件並沒有react這邊支持的豐富

技術文檔:https://material-ui.com/(速度一般)

三款UI組件庫,均支持typescript語法。適用於大前端開發與移動端開發。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM