總之前端框架有很多很多，我個人覺得能夠真真實實地掌握兩個就夠了，不必貪多；同時也要有方向的去選擇框架。
本人很喜歡的一句話：在沙漠中，最可怕的，不是沒有水，沒有干糧，而是沒有方向。
1、Bootstrap
Bootstrap它讓你的頁面更簡潔、直觀、強悍、移動設備優先的前端開發框架，讓web開發更迅速、更簡單。它還提供了更優雅的HTML和CSS規范，它即是由動態CSS語言Less寫成。有着豐富的網格布局系統以及豐富的可重用組件，還有強大的支持十幾的JavaScript、jQuery插件以及組件定制等等。
2、vue.js
近幾年最火的前端框架當屬Vue.js了，Vue.js是一個構建數據驅動的 web 界面的漸進式框架。Vue.js 的目標是通過盡可能簡單的API實現響應的數據綁定和組合的視圖組件。很多使用過vue的程序員這樣評價它，“vue.js兼具angular.js和react.js的優點，並剔除了它們的缺點”。授予了這么高的評價的vue.js，也是開源世界華人的驕傲，因為它的作者是位中國人--尤雨溪
3、Layui
layer是一款口碑極佳的web彈層組件，是一款采用自身模塊規范編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。layui 首個版本發布於2016年秋，她區別於那些基於 MVVM 底層的 UI 框架，從核心代碼到 API 的每一處細節都經過精心雕琢，非常適合界面的快速開發。
4、ElementUI
官網地址：http://element-cn.eleme.io/#/zh-CN
Element-Ul是餓了么前端團隊推出的一款基於Vue.js 2.0 的桌面端UI框架，手機端有對應框架是Mint UI，適合於Vue的UI框架。
5、Mint UI
官網地址：http://mint-ui.github.io/
Mint UI 是由餓了么前端團隊推出的 一個基於 Vue.js 的移動端組件庫，Mint UI 包含豐富的 CSS 和 JS 組件，能夠滿足日常的移動端開發需要。通過它，可以快速構建出風格統一的頁面，提升開發效率。
6、angular
官網地址：http://www.angularjs.net.cn/
AngularJS誕生於2009年,由Misko Hevery 等人創建,后為Google所收購。是一款優秀的前端JS框架,已經被用於Google的多款產品當中。AngularJS有着諸多特性，最為核心的是MVW（Model-View-Whatever）、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。
7、React
React 可以非常輕松地創建用戶交互界面。為你應用的每一個狀態設計簡潔的視圖,在數據改變時 React 也可以高效地更新渲染界面。React 起源於 Facebook 的內部項目，因為該公司對市場上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來架設Instagram 的網站。做出來以后，發現這套東西很好用，就在2013年5月開源了。
8、Foundation
官網地址：https://foundation.zurb.com/
Foundation 用於開發響應式的 HTML, CSS and JavaScript 框架，是一個易用、強大而且靈活的框架,用於構建基於任何設備上的 Web 應用。Foundation框架總體來看要比Bootstrap略顯高大上一點，但他們倆的設計理念都是非常清楚的，Bootstrap有引導的意思，它嘗試處理你項目中的一切所需。Foundation有基礎、地基及支柱的意思，給你項目中強有力的創造與支持。相對於Bootstrap豐富的組件及插件，Foundation僅提供了有限的幾種元素，其目標是，即使你使用預定義的UI元素，也不應該與大家的網站長得太像。