如今的前端已經不再像以前一樣就是簡單的寫寫頁面和調調樣式而已，現在的前端越來越複雜，知識點越來越豐富。

要做WEB前端，就需要知道前端到底是什麼，需要學習那些知識；前端至少要懂的三個部分：HTML，CSS，JavaScript（簡稱JS），那首先先明確這三個概念：

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

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

JS負責互動，使用者和網頁產生的互動由它來控制。

web前端發展至今，演變出了無數的庫和框架；說到庫第一時間想到的是不是jquery？在小編剛接觸庫的時候也是從jQuery開始的；今天我們就來說說前端發展到現在都有哪些好用的庫框架；

1.Bootstrap中文網

先分享下，如果有想一起學習web前端，HTML5及JavaScript的可以來一下我的前端群733581373，好友都會在裡面交流，分享一些學習的方法和需要注意的小細節，每天也會準時的講一些前端的炫酷特效，及前端直播課程學習

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

Bootstrap中文網地址：http://www.bootcss.com/

2. Layui

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

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

3.ElementUI

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

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

4.Mint UI

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

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

5.angular

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

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

6.React

React 可以非常輕鬆地建立使用者互動介面。為你應用的每一個狀態設計簡潔的檢視,在資料改變時 React 也可以高效地更新渲染介面。React 起源於 Facebook 的內部專案，因為該公司對市場上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來架設Instagram 的網站。做出來以後，發現這套東西很好用，就在2013年5月開源了。

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

7.vue.js

近幾年最火的前端框架當屬Vue.js了，Vue.js是一個構建資料驅動的 web 介面的漸進式框架。Vue.js 的目標是通過儘可能簡單的 API 實現響應的資料繫結和組合的檢視元件。很多使用過vue的程式設計師這樣評價它，“vue.js兼具angular.js和react.js的優點，並剔除了它們的缺點”。授予了這麼高的評價的vue.js，也是開源世界華人的驕傲，因為它的作者是位中國人--尤雨溪

最後，如果有想一起學習web前端，HTML5及JavaScript的可以來一下我的前端群733581373，好友都會在裡面交流，分享一些學習的方法和需要注意的小細節，每天也會準時的講一些前端的炫酷特效，及前端直播課程學習

如果想看到更加系統的文章和學習方法經驗可以關注的微訊號：‘web前端技術圈’或者‘webxh6’關注後回覆‘2018’可以領取一套完整的學習視訊