1. 程式人生 > >介紹三款大前端UI框架

介紹三款大前端UI框架

服務器 好的 平板電腦 嘗試 模板 友情鏈接 阿裏 dem git

一、螞蟻金服團隊推出的基於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語法。適用於大前端開發與移動端開發。

介紹三款大前端UI框架