前端工程師需要掌握哪些知識？

1、能熟練使用HTML、CSS、Javascript，主要工作還是搭建靜態(tài)頁面；

2、學(xué)習(xí)Bootstrap、jQuery之類，以及AJAX技術(shù)；

3、學(xué)習(xí)進(jìn)階框架Angular、Vue、React等。

前端Web框架

熟悉掌握HTML、服務(wù)器端腳本語言、CSS和JavaScript之后，學(xué)習(xí)Web框架可以加快Web開發(fā)速度，節(jié)約時(shí)間。PHP程序員可選的框架包括CakePHP、CodeIgniter、Zend等，Python程序員喜歡使用Django和 webpy，Ruby程序員常用RoR。

隨著Web 越來越規(guī)范和標(biāo)準(zhǔn)的統(tǒng)一，Web組件化技術(shù)不斷革新，移動端開發(fā)不斷升華，以下是一些常見開源前端框架：

Bootstrap

主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它簡潔靈活，使得 Web 開發(fā)更加快捷。

html5-boilerplate

該框架可以快速構(gòu)建健壯，且適應(yīng)力強(qiáng)的web app或網(wǎng)站。

Meteor

Meteor是新一代的開發(fā)即web應(yīng)用的開源框架，它能在較短時(shí)間內(nèi)完成開發(fā)。

Semantic UI

基于自然語言有效原則的UI組件框架

Foundation

優(yōu)秀的響應(yīng)式前端框架

Materialize

基于材料設(shè)計(jì)的現(xiàn)代化響應(yīng)式前端框架。可提供默認(rèn)的樣式，自定義組件。此外，Materialize還改進(jìn)動畫和過渡，為開發(fā)人員提供流暢的體驗(yàn)。

Pure

幾乎可以在每一個(gè)web項(xiàng)目中使用的一組小的和響應(yīng)式的CSS模塊。

Vue

Vue.js 是用于構(gòu)建交互式的 Web 界面的庫。它提供了 MVVM 數(shù)據(jù)綁定和一個(gè)可組合的組件系統(tǒng)，具有簡單、靈活的 API。

Skeleton

Skeleton 是一個(gè)小的 JS 和 CSS 文件的集合,可快速開發(fā)漂亮的網(wǎng)站,適合各種屏幕設(shè)備包括手機(jī)。Skeleton 基于 960 grid 開發(fā)。它是一個(gè) UI 框架。

Amaze UI

國內(nèi)首個(gè)開源HTML5跨屏前端框架產(chǎn)品系列，中文排版支持更優(yōu)、本土化組件豐富。該產(chǎn)品系列中有專門針對移動端的HTML5混合應(yīng)用開發(fā)框架Amaze UI Touch以及針對跨屏HTML5網(wǎng)頁開發(fā)的Amaze UI Web。其中，Amaze UI Touch可以幫助開發(fā)者通過豐富的組件，快速構(gòu)建出與原生APP相媲美的專屬移動端的HTML5應(yīng)用。

UIkit

一個(gè)輕量級的和模塊化的前端框架,用于快速開發(fā)和功能強(qiáng)大的web接口。

Yui

Yahoo! UI Library (YUI) 是一個(gè)開放源代碼的 JavaScript 函數(shù)庫，為了能建立一個(gè)高互動的網(wǎng)頁，它采用了AJAX, DHTML 和 DOM 等程式碼技術(shù)。它也包含了許多 CSS 資源。使用授權(quán)為 BSD許可證。

kissy

一款跨終端、模塊化、高性能、使用簡單的 JavaScript 框架。

MUI

最接近原生App體驗(yàn)的前端框架框架。

Arale

一個(gè)開放、簡單、易用的前端基礎(chǔ)類庫。

JX

JX 是模塊化的非侵入式Web前端框架，特別適合構(gòu)建和組織大規(guī)模、工業(yè)級的Web App。

GMU

GMU是基于zepto的mobile UI組件庫，提供webapp、pad端簡單易用的UI組件! Web App。

ZUI

開源HTML5前端框架

Clouda Touch.js

Touch.js是移動設(shè)備上的手勢識別與事件庫,也是在百度內(nèi)部廣泛使用的開發(fā)。