uniapp開發(fā)的坑(uniapp開源嗎)
本篇文章給大家談談uniapp開發(fā)的坑,以及uniapp開源嗎對應的知識點,希望對各位有所幫助,不要忘了收藏本站喔。
uniapp之h5反向代理設置踩坑,解決跨域問題
uniapp可以適應多個平臺開發(fā),你會發(fā)現(xiàn)在HBuilderX上的內(nèi)置瀏覽器上調(diào)接口,沒問題;在小程序中,也沒問題;連接手機聯(lián)調(diào)也沒問題;
當后臺設置允許跨域之后,前端h5需要進行設置反向代理才能解決這個問題。
在manifest.json文件中,我們需要輸入我們的端口號
然后去視圖源碼下查看多了h5這個配置
我們需要在自動生成的h5配置中進行編寫代理設置
這里需要注意的是"target" : " ", 這里是寫http還是https,需要與后臺保持一致,不然會報500.
然后我們?nèi)ナ褂梦覀兊拇恚M行帶接口
uni-app小程序開發(fā)踩坑記錄
最近要從零開發(fā)一個跟后臺管理系統(tǒng)對接的小程序,因為功能比較復雜,時間短,選擇了比較火的uni-app,因為小程序出現(xiàn)的時間較短,各方面并不完善,開發(fā)過程中就是不斷踩坑的過程,特此記錄一小下。
uni-app雖然功能還不完善,但是插件市場里東西還是不少的,在搭建框架中因為需求要求借鑒了之前開發(fā)的PC端,所以有一些跟之前開發(fā)VUE相關(guān)的插件 ,可以提高開發(fā)效率,
插件:
坑:
1.覆蓋原生組件,需要用cover-view容器,但是cover-view里可包含的標簽有限,類似view等在真機調(diào)試時不顯示,需全部替換成cover-view,且icon無法顯示,可以用cover-imaga代替。
2.小程序和小程序之間的跳轉(zhuǎn)(如騰訊云的人機滑動驗證),跳轉(zhuǎn)回來時需要進行操作,此時可以判斷app.vue中的options,如果按小程序文檔中來說當options.scene === 1038時是小程序跳回來的場景,但是部分手機跳回來是options.scene為1001,只能將這2種都作為跳轉(zhuǎn)判斷的條件。
3.小程序跳轉(zhuǎn)回來app中的onshow有時不執(zhí)行,這個原因暫未找到
4.在uniapp的H5版本 ,接入 騰訊云滑動驗證 ,示例的點擊滑動驗證元素是通過dom操作的,但是無效,可能跟uniAPP不支持dom操作有關(guān)系,采用定制接入方法一,手動調(diào)用。
uni-app踩坑筆記
1.兩個普通頁面之間的跳轉(zhuǎn)用uni.navgateTo(),url可攜帶參數(shù)。
2.普通頁面跳tabbar配置過的頁面需要uni.switchTab(),url不能傳值。
3.uni.reLaunch()萬金油跳轉(zhuǎn),可以跳轉(zhuǎn)任何頁面(克服了普通頁面跳tabbar配置的頁面url不能傳值的問題。)
4.突出中間按鈕的midButton,是偶數(shù)才能顯示,但只支持真機環(huán)境,瀏覽器是沒有效果的。
6.頁面生命周期(考慮的是頁面刷新帶來的影響):
onLoad、onShow、onReady
應用生命周期,指app.vue里面的這三個
7.箭頭函數(shù)沒有this指向(慎用),如果在控制臺打印this是undefined的,證明是箭頭函數(shù)在作怪,在特殊場合別貪方便,有時候會遇到抓破頭皮也找不到問題所在,就是箭頭函數(shù)搞的鬼。
8.uni.request({,success:function(res){})})請求成功返回的數(shù)據(jù)直接使用this直接賦值是不生效的,因為這是一個異步函數(shù),需要借助一個指向:let that = this
9.setStorageSync 數(shù)據(jù)緩存是用來2個頁面交互的,傳數(shù)據(jù)傳值,寫在onLoad里面。
10.uni-app的view標簽等于div標簽,獨占一行。
5.和風天氣官網(wǎng)提供的API是免費的,每人一天1000次數(shù),夠練手了。
關(guān)于uniapp開發(fā)的坑和uniapp開源嗎的介紹到此就結(jié)束了,不知道你從中找到你需要的信息了嗎 ?如果你還想了解更多這方面的信息,記得收藏關(guān)注本站。