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

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

2、學習Bootstrap、jQuery之類，以及AJAX技術；

3、學習進階框架Angular、Vue、React等。

前端Web框架

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

隨著Web 越來越規范和標準的統一，Web組件化技術不斷革新，移動端開發不斷升華，以下是一些常見開源前端框架：

Bootstrap

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

html5-boilerplate

該框架可以快速構建健壯，且適應力強的web app或網站。

Meteor

Meteor是新一代的開發即web應用的開源框架，它能在較短時間內完成開發。

Semantic UI

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

Foundation

優秀的響應式前端框架

Materialize

基于材料設計的現代化響應式前端框架。可提供默認的樣式，自定義組件。此外，Materialize還改進動畫和過渡，為開發人員提供流暢的體驗。

Pure

幾乎可以在每一個web項目中使用的一組小的和響應式的CSS模塊。

Vue

Vue.js 是用于構建交互式的 Web 界面的庫。它提供了 MVVM 數據綁定和一個可組合的組件系統，具有簡單、靈活的 API。

Skeleton

Skeleton 是一個小的 JS 和 CSS 文件的集合,可快速開發漂亮的網站,適合各種屏幕設備包括手機。Skeleton 基于 960 grid 開發。它是一個 UI 框架。

Amaze UI

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

UIkit

一個輕量級的和模塊化的前端框架,用于快速開發和功能強大的web接口。

Yui

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

kissy

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

MUI

最接近原生App體驗的前端框架框架。

Arale

一個開放、簡單、易用的前端基礎類庫。

JX

JX 是模塊化的非侵入式Web前端框架，特別適合構建和組織大規模、工業級的Web App。

GMU

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

ZUI

開源HTML5前端框架

Clouda Touch.js

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