一:前端Ui常用框架
1.Bootstrap
2.Font Awesome框架
官方網址:http://www.fontawesome.com.cn/
- Element組件
網站:https://element.eleme.cn/#/zh-CN
Element,一套為開發者、設計師和產品經理准備的基於 Vue 2.0 的桌面端組件庫
二、前端其他UI框架
1.Pure
地址:http://purecss.org/layouts/
描述:Pure精心設計,只為可以在任何Web項目中使用。為了例證這一點,我們制作了如下幾個模板。這些模板都是響應式的,並且沒有使用任何JavaScript。
用途:真的是很精美的一個樣式框架,便於我們快事構建一些個人產品,當然也可以服務於工作中的一些項目。
2.bootstrap
地址:http://www.bootcss.com/
描述:簡潔、直觀、強悍的前端開發框架,讓web開發更迅速、簡單。
3.EasyUI
地址:http://www.jeasyui.net/ (中文網)
描述:easyui是一種基於jQuery的用戶界面插件集合。
easyui為創建現代化,互動,JavaScript應用程序,提供必要的功能。
使用easyui你不需要寫很多代碼,你只需要通過編寫一些簡單HTML標記,就可以定義用戶界面。
easyui是個完美支持HTML5網頁的完整框架。
easyui節省您網頁開發的時間和規模。
easyui很簡單但功能強大的。
4.Ant Design
地址:http://ant.design/
描述:一個 UI 設計語言,一套提煉和應用於企業級后台產品的交互語言和視覺體系
5. Layui
layer是一款口碑極佳的web彈層組件,是一款采用自身模塊規范編寫的前端 UI 框架,遵循原生 HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。layui 首個版本發布於2016年秋,她區別於那些基於 MVVM 底層的 UI 框架,從核心代碼到 API 的每一處細節都經過精心雕琢,非常適合界面的快速開發。
Layui官網地址:https://www.layui.com/
6.ElementUI
Element-Ul是餓了么前端團隊推出的一款基於Vue.js 2.0 的桌面端UI框架,手機端有對應框架是Mint UI 。適合於Vue的UI框架;
官網地址:http://element-cn.eleme.io/#/zh-CN
7.Mint UI
Mint UI 是 由餓了么前端團隊推出的 一個基於 Vue.js 的移動端組件庫,Mint UI 包含豐富的 CSS 和 JS 組件,能夠滿足日常的移動端開發需要。通過它,可以快速構建出風格統一的頁面,提升開發效率。
官網地址:http://mint-ui.github.io/
8.angular
AngularJS誕生於2009年,由Misko Hevery 等人創建,后為Google所收購。是一款優秀的前端JS框架,已經被用於Google的多款產品當中。AngularJS有着諸多特性,最為核心的是MVW(Model-View-Whatever)、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。
官網地址:http://www.angularjs.net.cn/
9.React
React 可以非常輕松地創建用戶交互界面。為你應用的每一個狀態設計簡潔的視圖,在數據改變時 React 也可以高效地更新渲染界面。React 起源於 Facebook 的內部項目,因為該公司對市場上所有 JavaScript MVC 框架,都不滿意,就決定自己寫一套,用來架設Instagram 的網站。做出來以后,發現這套東西很好用,就在2013年5月開源了。
官網地址:http://react-china.org/
10.vue.js
近幾年最火的前端框架當屬Vue.js了,Vue.js是一個構建數據驅動的 web 界面的漸進式框架。Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。很多使用過vue的程序員這樣評價它,“vue.js兼具angular.js和react.js的優點,並剔除了它們的缺點”。授予了這么高的評價的vue.js,也是開源世界華人的驕傲,因為它的作者是位中國人–尤雨溪
幾款常用的高質量web前端框架
Web前端框架就是為了節約開發成本和時間,一般開發一個項目都會用到前端框架(除非自己有前端開發團隊),根據我經驗找的幾款web前端框架做出了分析。都是個人意見,仁者見仁智者見智。