前端框架的彙總

總以前端框架有不少不少，我我的以爲可以真真實實地掌握兩個就夠了，沒必要貪多；同時也要有方向的去選擇框架。

本人很喜歡的一句話：在沙漠中，最可怕的，不是沒有水，沒有乾糧，而是沒有方向。

一、Bootstrap

官網地址：http://www.bootcss.com/

 

Bootstrap它讓你的頁面更簡潔、直觀、強悍、移動設備優先的前端開發框架，讓web開發更迅速、更簡單。它還提供了更優雅的HTML和CSS規範，它便是由動態CSS語言Less寫成。有着豐富的網格佈局系統以及豐富的可重用組件，還有強大的支持十幾的JavaScript、jQuery插件以及組件定製等等。

 

二、vue.js

官網地址：https://cn.vuejs.org/

 

近幾年最火的前端框架當屬Vue.js了，Vue.js是一個構建數據驅動的 web 界面的漸進式框架。Vue.js 的目標是經過儘量簡單的API實現響應的數據綁定和組合的視圖組件。不少使用過vue的程序員這樣評價它，「vue.js兼具angular.js和react.js的優勢，並剔除了它們的缺點」。授予了這麼高的評價的vue.js，也是開源世界華人的驕傲，由於它的做者是位中國人--尤雨溪

 

三、Layui

官網地址：https://www.layui.com/

 

layer是一款口碑極佳的web彈層組件，是一款採用自身模塊規範編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。layui 首個版本發佈於2016年秋，她區別於那些基於 MVVM 底層的 UI 框架，從核心代碼到 API 的每一處細節都通過精心雕琢，很是適合界面的快速開發。

 

四、ElementUI

官網地址：http://element-cn.eleme.io/#/zh-CN

 

Element-Ul是餓了麼前端團隊推出的一款基於Vue.js 2.0 的桌面端UI框架，手機端有對應框架是Mint UI，適合於Vue的UI框架。

 

五、Mint UI

官網地址：http://mint-ui.github.io/

 

Mint UI 是由餓了麼前端團隊推出的 一個基於 Vue.js 的移動端組件庫，Mint UI 包含豐富的 CSS 和 JS 組件，可以知足平常的移動端開發須要。經過它，能夠快速構建出風格統一的頁面，提高開發效率。

 

六、angular

官網地址：http://www.angularjs.net.cn/

 

AngularJS誕生於2009年,由Misko Hevery 等人建立,後爲Google所收購。是一款優秀的前端JS框架,已經被用於Google的多款產品當中。AngularJS有着諸多特性，最爲核心的是MVW（Model-View-Whatever）、模塊化、自動化雙向數據綁定、語義化標籤、依賴注入等等。

 

七、React

官網地址：http://react-china.org/

 

React 能夠很是輕鬆地建立用戶交互界面。爲你應用的每個狀態設計簡潔的視圖,在數據改變時 React 也能夠高效地更新渲染界面。React 起源於 Facebook 的內部項目，由於該公司對市場上全部 JavaScript MVC 框架，都不滿意，就決定本身寫一套，用來架設Instagram 的網站。作出來之後，發現這套東西很好用，就在2013年5月開源了。

 

八、Foundation

官網地址：https://foundation.zurb.com/

 

Foundation 用於開發響應式的 HTML, CSS and JavaScript 框架，是一個易用、強大並且靈活的框架,用於構建基於任何設備上的 Web 應用。Foundation框架整體來看要比Bootstrap略顯高大上一點，但他們倆的設計理念都是很是清楚的，Bootstrap有引導的意思，它嘗試處理你項目中的一切所需。Foundation有基礎、地基及支柱的意思，給你項目中強有力的創造與支持。相對於Bootstrap豐富的組件及插件，Foundation僅提供了有限的幾種元素，其目標是，即便你使用預約義的UI元素，也不該該與你們的網站長得太像。