今天小編要跟大家分享的文章是關于Web前端常用的主流框架匯總。本文將帶大家大家熟悉前端中的7種框架。在了解框架之前，大家至少要知道前端中的這三個部分：HTML，CSS，JavaScript。

HTML：負責結構，網頁想要表達的內容由HTML書寫

HTML(超文本標記語言——HyperText Markup Language)是構成 Web 世界的基石。HTML是一種基礎技術，常與CSS、JavaScript一起被眾多網站用于設計令人賞心悅目的網頁、網頁應用程序以及移動應用程序的用戶界面。

CSS:負責樣式，網頁的美與丑由它來控制

層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。

JavaScript:負責交互，用戶和網頁產生的互動由它來控制

一種直譯式腳本語言，是一種動態類型、弱類型、基于原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，較早是在HTML(標準通用標記語言下的一個應用)網頁上使用，用來給HTML網頁增加動態功能。

Web前端發展至今，演變出了無數的庫和框架;說到庫第一時間想到的是不是jquery?今天我們就來說說前端發展到現在都有哪些好用的庫框架，下面來和小編一起看一看吧!

框架一：Vue.js

近幾年較火的前端框架當屬Vue.js了，Vue.js是一個構建數據驅動的 Web 界面的漸進式框架。Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。很多使用過vue的程序員這樣評價它，“vue.js兼具angular.js和react.js的優點，并剔除了它們的缺點”。授予了這么高的評價的vue.js，也是開源世界華人的驕傲，因為它的作者是位中國人--尤雨溪。

框架二：Bootstrap

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

框架三：Layui

Layui是一款口碑極佳的Web彈層組件，是一款采用自身模塊規范編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。Layui版本發布于2016年秋，它區別于那些基于 MVVM 底層的 UI 框架，從核心代碼到 API 的每一處細節都經過精心雕琢，非常適合界面的開發。

框架四：Element-UI

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

框架五：Mint UI

Mint UI 是 由餓了么前端團隊推出的 一個基于 Vue.js 的移動端組件庫，Mint UI 包含豐富的 CSS 和 JS 組件，能夠滿足日常的移動端開發需要。通過它，可以構建出風格統一的頁面，提升開發效率。

框架六：Angular

AngularJS誕生于2009年,由Misko Hevery 等人創建,后為Google所收購。是一款的前端JS框架,已經被用于Google的多款產品當中。AngularJS有著諸多特性，較為核心的是MVW(Model-View-Whatever)、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。

框架七：React

React 可以非常輕松地創建用戶交互界面。為你應用的每一個狀態設計簡潔的視圖,在數據改變時 React 也可以地更新渲染界面。因為該公司對市場上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來架設Instagram 的網站。做出來以后，發現這套東西很好用，就在2013年5月開源了。

上面就是比較常用的7種Web前端主流框架，相信每個前端工程師都有接觸過這幾種庫框架中的幾種。

框架是一種約束，也是一種較佳實踐。讓你在團隊開發中，不能怎么寫，必須怎么寫，推薦怎么寫。而庫是一種代碼復用的方式，把某些代碼段、函數、功能封裝起來，你可以開箱即用。學會幾種庫框架，復雜的前端也會變得簡單。