作為一個(gè)合格的前端開發(fā)工程師，一定要緊跟技術(shù)潮流，不斷學(xué)習(xí)新的技術(shù)。今天就給大家分享一下時(shí)下主流的前端框架，供大家參考。

一 跨多平臺(tái)開發(fā)框架

(1) uni-app–開發(fā)一次，多端覆蓋 uni-app 是DCloud公司使用 Vue.js 開發(fā)跨平臺(tái)應(yīng)用的前端框架，開發(fā)者編寫一套代碼，可編譯到iOS、Android、H5、小程序等多個(gè)平臺(tái)。

如果學(xué)過vue,會(huì)微信小程序開發(fā)，了解mpvue，很容易上手。強(qiáng)烈推薦學(xué)習(xí)。

(2) Taro–一次編寫，多端運(yùn)行Taro 是由京東 – 凹凸實(shí)驗(yàn)室打造的一套遵循 React 語法規(guī)范的多端統(tǒng)一開發(fā)框架。通過 Taro 的編譯工具，將源代碼分別編譯出可以在不同端（微信小程序、快應(yīng)用等）運(yùn)行的代碼。

如果你會(huì)React ,很容易上手Taro。

二 移動(dòng)端混合開發(fā)框架

混合開發(fā)是指JS開發(fā)+原生渲染 一套代碼，iOS 安卓都可使用。

(1) Flutter–極速構(gòu)建漂亮的原生應(yīng)用Flutter是谷歌的移動(dòng)UI框架，可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面。Flutter Framework是一個(gè)完全由Dart語言構(gòu)建的SDK，它實(shí)現(xiàn)了一整套自底而上的基礎(chǔ)庫(kù)。

(2) React Native–使用JavaScript和React編寫原生移動(dòng)應(yīng)用React Native (簡(jiǎn)稱RN)是Facebook于2015年4月開源的跨平臺(tái)移動(dòng)應(yīng)用開發(fā)框架，是Facebook早先開源的JS框架 React 在原生移動(dòng)應(yīng)用平臺(tái)的衍生產(chǎn)物，目前支持iOS和安卓?jī)纱笃脚_(tái)。

(3) Weex–Web 開發(fā)體驗(yàn)來開發(fā)高性能原生應(yīng)用的框架

Weex 致力于使開發(fā)者能基于通用跨平臺(tái)的 Web 開發(fā)語言和開發(fā)經(jīng)驗(yàn)，來構(gòu)建 Android、iOS 和 Web 應(yīng)用。簡(jiǎn)單來說，在集成了 WeexSDK 之后，你可以使用 JavaScript 語言和前端開發(fā)經(jīng)驗(yàn)來開發(fā)移動(dòng)應(yīng)用。

Vue.js 和 Rax 是最廣泛應(yīng)用于 Weex 開發(fā)的前端框架，也是目前功能最全、最穩(wěn)定的方案。

三 前端開發(fā)框架

(1) Vue–漸進(jìn)式JavaScript 框架

Vue框架是用于構(gòu)建用戶界面的漸進(jìn)式框架。它是可以自底向上逐層應(yīng)用。Vue 的核心庫(kù)只關(guān)注視圖層，上手簡(jiǎn)單而且還便于與第三方庫(kù)進(jìn)行整合。

(2) React–用于構(gòu)建用戶界面的 JavaScript 庫(kù)

React 使創(chuàng)建交互式 UI 變得輕而易舉。為你應(yīng)用的每一個(gè)狀態(tài)設(shè)計(jì)簡(jiǎn)潔的視圖,當(dāng)數(shù)據(jù)改變時(shí) React 能有效地更新并正確地渲染組件。

(3) Angular–一套框架，多種平臺(tái)移動(dòng)端 & 桌面端

Angular是一個(gè)強(qiáng)大的前端框架，其強(qiáng)大之處主要是可以把靜態(tài)頁(yè)面與動(dòng)態(tài)數(shù)據(jù)綁定起來。首先angular是一個(gè)mvc框架，它與jquery不同之處在于，前者致力于mvc代碼解耦，采用model,controller以及view方式去組織代碼，而后者提供給你了很多APi函數(shù)，你可以不用寫很多原生js去實(shí)現(xiàn)比較復(fù)雜的效果，比如說動(dòng)畫，$.animate。