作為前端開發(fā)者，各種框架的層出不窮，促使我們要不斷學習才能防止落后，但是我們不可能做到每個框架都有學習的時間，我們只需要掌握流行的，坑少的即可。從以下三個方面了解目前流行的前端開發(fā)框架。

一.跨多平臺開發(fā)框架

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

框架圖

Github地址：https://github.com/dcloudio/uni-app官網(wǎng)地址：https://uniapp.

如果學過vue,會微信小程序開發(fā)，了解mpvue，很容易上手。強烈推薦學習。

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

Github地址：http://github.com/nervjs/taro官網(wǎng)地址：http://taro./首個多端 UI 組件庫:https:///notes/2018/08/27/the-birth-of-taro-ui/

如果你會React ,很容易上手Taro。

二.移動端混合開發(fā)框架

混合開發(fā)是指JS開發(fā)+原生渲染 一套代碼，iOS 安卓都可使用。(1).Flutter--極速構(gòu)建漂亮的原生應用Flutter是谷歌的移動UI框架，可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面。Flutter Framework是一個完全由Dart語言構(gòu)建的SDK，它實現(xiàn)了一整套自底而上的基礎庫。

框架結(jié)構(gòu)

官網(wǎng)地址：https://

(2).React Native--使用JavaScript和React編寫原生移動應用React Native (簡稱RN)是Facebook于2015年4月開源的跨平臺移動應用開發(fā)框架，是Facebook早先開源的JS框架 React 在原生移動應用平臺的衍生產(chǎn)物，目前支持iOS和安卓兩大平臺。

框架結(jié)構(gòu)

Github地址：https://github.com/facebook/react-native官網(wǎng)地址：https://

(3).Weex--Web 開發(fā)體驗來開發(fā)高性能原生應用的框架

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

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

框架結(jié)構(gòu)

Github地址：https://github.com/apache/incubator-weex?spm=a2c7j.-zh-.0.0.45dac8eec3weZx官網(wǎng)地址：https://weex./zh/

三.前端開發(fā)框架

(1).Vue--漸進式JavaScript 框架

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

Github地址：https://github.com/vuejs/vue官網(wǎng)地址：https://weex./zh/

(2).React--用于構(gòu)建用戶界面的 JavaScript 庫

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

Github地址：https://github.com/facebook/react/官網(wǎng)地址：https://react.

(3).Angular--一套框架，多種平臺移動端 & 桌面端

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

Github地址：https://github.com/angular/angular官網(wǎng)地址：https://www.

前端框架少不了UI組件框架的結(jié)合。