作為前端開(kāi)發(fā)者,各種框架的層出不窮,促使我們要不斷學(xué)習(xí)才能防止落后,但是我們不可能做到每個(gè)框架都有學(xué)習(xí)的時(shí)間,我們只需要掌握流行的,坑少的即可。從以下三個(gè)方面了解目前流行的前端開(kāi)發(fā)框架。
一.跨多平臺(tái)開(kāi)發(fā)框架
(1).uni-app--開(kāi)發(fā)一次,多端覆蓋uni-app 是DCloud公司使用 Vue.js 開(kāi)發(fā)跨平臺(tái)應(yīng)用的前端框架,開(kāi)發(fā)者編寫(xiě)一套代碼,可編譯到iOS、Android、H5、小程序等多個(gè)平臺(tái)。
框架圖
Github地址:https://github.com/dcloudio/uni-app官網(wǎng)地址:https://uniapp.dcloud.io
如果學(xué)過(guò)vue,會(huì)微信小程序開(kāi)發(fā),了解mpvue,很容易上手。強(qiáng)烈推薦學(xué)習(xí)。
(2).Taro--一次編寫(xiě),多端運(yùn)行Taro 是由京東 - 凹凸實(shí)驗(yàn)室打造的一套遵循 React 語(yǔ)法規(guī)范的多端統(tǒng)一開(kāi)發(fā)框架。通過(guò) Taro 的編譯工具,將源代碼分別編譯出可以在不同端(微信小程序、H5、App、快應(yīng)用等)運(yùn)行的代碼。
Github地址:http://github.com/nervjs/taro官網(wǎng)地址:http://taro.aotu.io/首個(gè)多端 UI 組件庫(kù):https://aotu.io/notes/2018/08/27/the-birth-of-taro-ui/
如果你會(huì)React ,很容易上手Taro。
二.移動(dòng)端混合開(kāi)發(fā)框架
混合開(kāi)發(fā)是指JS開(kāi)發(fā)+原生渲染 一套代碼,iOS 安卓都可使用。(1).Flutter--極速構(gòu)建漂亮的原生應(yīng)用Flutter是谷歌的移動(dòng)UI框架,可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶(hù)界面。Flutter Framework是一個(gè)完全由Dart語(yǔ)言構(gòu)建的SDK,它實(shí)現(xiàn)了一整套自底而上的基礎(chǔ)庫(kù)。
框架結(jié)構(gòu)
官網(wǎng)地址:https://flutterchina.club
(2).React Native--使用JavaScript和React編寫(xiě)原生移動(dòng)應(yīng)用React Native (簡(jiǎn)稱(chēng)RN)是Facebook于2015年4月開(kāi)源的跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)框架,是Facebook早先開(kāi)源的JS框架 React 在原生移動(dòng)應(yīng)用平臺(tái)的衍生產(chǎn)物,目前支持iOS和安卓?jī)纱笃脚_(tái)。
框架結(jié)構(gòu)
Github地址:https://github.com/facebook/react-native官網(wǎng)地址:https://reactnative.cn
(3).Weex--Web 開(kāi)發(fā)體驗(yàn)來(lái)開(kāi)發(fā)高性能原生應(yīng)用的框架
Weex 致力于使開(kāi)發(fā)者能基于通用跨平臺(tái)的 Web 開(kāi)發(fā)語(yǔ)言和開(kāi)發(fā)經(jīng)驗(yàn),來(lái)構(gòu)建 Android、iOS 和 Web 應(yīng)用。簡(jiǎn)單來(lái)說(shuō),在集成了 WeexSDK 之后,你可以使用 JavaScript 語(yǔ)言和前端開(kāi)發(fā)經(jīng)驗(yàn)來(lái)開(kāi)發(fā)移動(dòng)應(yīng)用。
Vue.js 和 Rax 是最廣泛應(yīng)用于 Weex 開(kāi)發(fā)的前端框架,也是目前功能最全、最穩(wěn)定的方案。
框架結(jié)構(gòu)
Github地址:https://github.com/apache/incubator-weex?spm=a2c7j.-zh-.0.0.45dac8eec3weZx官網(wǎng)地址:https://weex.apache.org/zh/
三.前端開(kāi)發(fā)框架
(1).Vue--漸進(jìn)式JavaScript 框架
Vue框架是用于構(gòu)建用戶(hù)界面的漸進(jìn)式框架。它是可以自底向上逐層應(yīng)用。Vue 的核心庫(kù)只關(guān)注視圖層,上手簡(jiǎn)單而且還便于與第三方庫(kù)進(jìn)行整合。
Github地址:https://github.com/vuejs/vue官網(wǎng)地址:https://weex.apache.org/zh/
(2).React--用于構(gòu)建用戶(hù)界面的 JavaScript 庫(kù)
React 使創(chuàng)建交互式 UI 變得輕而易舉。為你應(yīng)用的每一個(gè)狀態(tài)設(shè)計(jì)簡(jiǎn)潔的視圖,當(dāng)數(shù)據(jù)改變時(shí) React 能有效地更新并正確地渲染組件。
Github地址:https://github.com/facebook/react/官網(wǎng)地址:https://react.docschina.org
(3).Angular--一套框架,多種平臺(tái)移動(dòng)端 & 桌面端
Angular是一個(gè)強(qiáng)大的前端框架,其強(qiáng)大之處主要是可以把靜態(tài)頁(yè)面與動(dòng)態(tài)數(shù)據(jù)綁定起來(lái)。首先angular是一個(gè)mvc框架,它與jquery不同之處在于,前者致力于mvc代碼解耦,采用model,controller以及view方式去組織代碼,而后者提供給你了很多APi函數(shù),你可以不用寫(xiě)很多原生js去實(shí)現(xiàn)比較復(fù)雜的效果,比如說(shuō)動(dòng)畫(huà),$.animate,
Github地址:https://github.com/angular/angular官網(wǎng)地址:https://www.angular.cn
前端框架少不了UI組件框架的結(jié)合。
聯(lián)系客服