怎樣評(píng)價(jià)uni-app?
怎樣評(píng)價(jià)uni-app?
前端最火熱的話題無(wú)法就是flutter,不管是刷哪個(gè)論壇,必定有探討flutter的文章。沒(méi)用過(guò)flutter,但是對(duì)于跨平臺(tái)的技術(shù),我一直都在研究。
為什么是uni-app
之前一直在找解決跨平臺(tái)的方案,嘗試了很多方案,比百科如滴滴的變色龍,但是最終還是選擇了uni-app,這里附上uni-app的官網(wǎng)。
為什么會(huì)選擇它呢,**,vue語(yǔ)法,學(xué)習(xí)成本低,上手速度快,只要之前你做過(guò)vue的項(xiàng)目,那么就能很快上手,其實(shí)是vue和微信小程序的結(jié)合體,一半vue,一半微信小程序。第二,長(zhǎng)期維護(hù),之前做微信小程序的時(shí)候,選擇了美團(tuán)的mpvue,但是后面發(fā)現(xiàn)長(zhǎng)期不維護(hù)了,提了Issues也沒(méi)人理,隨之就放棄了,而uni-app長(zhǎng)期在維護(hù),這樣看出了開(kāi)發(fā)團(tuán)隊(duì)的用心。第三,跨平臺(tái)的能力,uni-app能夠跨多個(gè)終端,H5,安卓,Ios,微信小程序,百度小程序,頭條小程序,支付寶小程序,真正實(shí)現(xiàn)了一套代碼,多端運(yùn)行,而且很好適應(yīng)了我國(guó)的市場(chǎng)。第四,日益豐富的插件市場(chǎng),uni的插件市場(chǎng)也在日益強(qiáng)大,能夠基本上滿(mǎn)足我們平時(shí)的開(kāi)發(fā)需求。
uni-app的組件有原生調(diào)用能力,第三方的vue庫(kù)在調(diào)原生接口時(shí)跟 5+runtime 不兼容。就像nativescript 有vue版和angular版,類(lèi)似于react native , 都是起源于phonegap/cordova
實(shí)際開(kāi)發(fā)效果遵義小紅椒 做了一款app,打包了安卓,Ios,微信小程序3個(gè)平臺(tái),產(chǎn)出的效果都還是不錯(cuò),總體還是比較滿(mǎn)意。而且打包過(guò)程也很方便簡(jiǎn)單,配套的HBuilderX自動(dòng)內(nèi)置了打包功能,所以也省去了打包的煩惱。
遵義小紅椒 建議
如果你現(xiàn)在想做一款跨平臺(tái)的產(chǎn)品,而且有vue和微信小程序的經(jīng)驗(yàn),最重要的,你不想學(xué)習(xí)一門(mén)新語(yǔ)言,那么uni-app也許是你的一個(gè)選擇。
uniapp東西多嗎
Uniapp是一種跨平臺(tái)的開(kāi)發(fā)框架,它允許開(kāi)發(fā)者使用Vue.js框架,同時(shí)利用一組全新的API,一次性開(kāi)發(fā)可以在iOS、Android及H5端運(yùn)行的應(yīng)用程序。因此,Uniapp極大地簡(jiǎn)化了維護(hù)和開(kāi)發(fā)的工作量,并且可以快速地發(fā)布應(yīng)用程序。
Uniapp內(nèi)置了許多功能組件及API,如底部導(dǎo)航條、圖標(biāo)選項(xiàng)卡、下拉刷新和上拉加載等。
同時(shí),開(kāi)發(fā)者還可以輕松地集成第三方插件和命令行工具。相比其他跨平臺(tái)開(kāi)發(fā)框架,Uniapp具有更加豐富的功能和更高的兼容性,因此成為了高效的跨平臺(tái)開(kāi)發(fā)解決方案。
uni-app小程序開(kāi)發(fā)踩坑記錄
最近要從零開(kāi)發(fā)一個(gè)跟后臺(tái)管理系統(tǒng)對(duì)接的小程序,因?yàn)楣δ鼙容^復(fù)雜,時(shí)間短,選擇了比較火的uni-app,因?yàn)樾〕绦虺霈F(xiàn)的時(shí)間較短,各方面并不完善,開(kāi)發(fā)過(guò)程中就是不斷踩坑的過(guò)程,特此記錄一小下。 uni-app雖然功能還不完善,但是插件市場(chǎng)里東西還是不少的,在搭建框架中因?yàn)樾枨笠蠼梃b了之前開(kāi)發(fā)的PC端,所以有一些跟之前開(kāi)發(fā)VUE相關(guān)的插件 ,可以提高開(kāi)發(fā)效率, 插件: 坑: 1.覆蓋原生組件,需要用cover-view容器,但是cover-view里可包含的標(biāo)簽有限,類(lèi)似view等在真機(jī)調(diào)試時(shí)不顯示,需全部替換成cover-view,且icon無(wú)法顯示,可以用cover-imaga代替。
2.小程序和小程序之間的跳轉(zhuǎn)(如騰訊云的人機(jī)滑動(dòng)驗(yàn)證),跳轉(zhuǎn)回來(lái)時(shí)需要進(jìn)行操作,此時(shí)可以判斷app.vue中的options,如果按小程序文檔中來(lái)說(shuō)當(dāng)options.scene === 1038時(shí)是小程序跳回來(lái)的場(chǎng)景,但是部分手機(jī)跳回來(lái)是options.scene為1001,只能將這2種都作為跳轉(zhuǎn)判斷的條件。
3.小程序跳轉(zhuǎn)回來(lái)app中的onshow有時(shí)不執(zhí)行,這個(gè)原因暫未找到 4.在uniapp的H5版本 ,接入 騰訊云滑動(dòng)驗(yàn)證 ,示例的點(diǎn)擊滑動(dòng)驗(yàn)證元素是通過(guò)dom操作的,但是無(wú)效,可能跟uniAPP不支持dom操作有關(guān)系,采用定制接入方法一,手動(dòng)調(diào)用。