今天給各位分享uniapp開(kāi)發(fā)的坑的知識(shí)，其中也會(huì)對(duì)uniapp開(kāi)源嗎進(jìn)行解釋?zhuān)绻芘銮山鉀Q你現(xiàn)在面臨的問(wèn)題，別忘了關(guān)注本站，現(xiàn)在開(kāi)始吧！

uni-app踩坑筆記

1.兩個(gè)普通頁(yè)面之間的跳轉(zhuǎn)用uni.navgateTo()，url可攜帶參數(shù)。

2.普通頁(yè)面跳tabbar配置過(guò)的頁(yè)面需要uni.switchTab()，url不能傳值。

3.uni.reLaunch()萬(wàn)金油跳轉(zhuǎn)，可以跳轉(zhuǎn)任何頁(yè)面(克服了普通頁(yè)面跳tabbar配置的頁(yè)面url不能傳值的問(wèn)題。)

4.突出中間按鈕的midButton，是偶數(shù)才能顯示，但只支持真機(jī)環(huán)境，瀏覽器是沒(méi)有效果的。

6.頁(yè)面生命周期(考慮的是頁(yè)面刷新帶來(lái)的影響)：

onLoad、onShow、onReady

應(yīng)用生命周期，指app.vue里面的這三個(gè)

7.箭頭函數(shù)沒(méi)有this指向（慎用），如果在控制臺(tái)打印this是undefined的，證明是箭頭函數(shù)在作怪，在特殊場(chǎng)合別貪方便，有時(shí)候會(huì)遇到抓破頭皮也找不到問(wèn)題所在，就是箭頭函數(shù)搞的鬼。

8.uni.request（{,success:function(res){})}）請(qǐng)求成功返回的數(shù)據(jù)直接使用this直接賦值是不生效的，因?yàn)檫@是一個(gè)異步函數(shù)，需要借助一個(gè)指向：let that = this

9.setStorageSync 數(shù)據(jù)緩存是用來(lái)2個(gè)頁(yè)面交互的，傳數(shù)據(jù)傳值,寫(xiě)在onLoad里面。

10.uni-app的view標(biāo)簽等于div標(biāo)簽，獨(dú)占一行。

5.和風(fēng)天氣官網(wǎng)提供的API是免費(fèi)的，每人一天1000次數(shù)，夠練手了。

uni-app踩坑：微信小程序中view設(shè)置overflow: auto無(wú)法手勢(shì)滑動(dòng)

前幾天在開(kāi)發(fā)注冊(cè)功能時(shí)，需要彈一個(gè)顯示注冊(cè)協(xié)議的Modal，由于協(xié)議文字很長(zhǎng)，需要用戶(hù)手動(dòng)滑動(dòng)查看。

于是理所當(dāng)然地使用一個(gè)view元素包裹協(xié)議內(nèi)容，然后設(shè)置height，并設(shè)置 overflow-y: auto ，這樣設(shè)置后在 微信開(kāi)發(fā)工具 上使用鼠標(biāo)滾輪滑動(dòng)ok，但是過(guò)兩天在真機(jī)上測(cè)試，what???，無(wú)論我手指怎么滑都滑不動(dòng)。

經(jīng)過(guò)一通仔細(xì) (胡亂) 調(diào)試，最終使用 scroll-view 解決了這個(gè)問(wèn)題。

注意：使用豎向滾動(dòng)時(shí)，需要給 scroll-view 一個(gè)固定高度，通過(guò) css 設(shè)置 height。

關(guān)于 scroll-view 的更多介紹，請(qǐng)移步

在這里有一個(gè)疑問(wèn)：為什么設(shè)置 overflow: auto 無(wú)法手勢(shì)滑動(dòng)，而scroll-view可以呢？

我暫時(shí)沒(méi)有想到原因，歡迎知道原因的友友留言解答，謝謝！?。?/p>

uniapp之h5反向代理設(shè)置踩坑，解決跨域問(wèn)題

uniapp可以適應(yīng)多個(gè)平臺(tái)開(kāi)發(fā)，你會(huì)發(fā)現(xiàn)在HBuilderX上的內(nèi)置瀏覽器上調(diào)接口，沒(méi)問(wèn)題；在小程序中，也沒(méi)問(wèn)題；連接手機(jī)聯(lián)調(diào)也沒(méi)問(wèn)題；

當(dāng)后臺(tái)設(shè)置允許跨域之后，前端h5需要進(jìn)行設(shè)置反向代理才能解決這個(gè)問(wèn)題。

在manifest.json文件中，我們需要輸入我們的端口號(hào)

然后去視圖源碼下查看多了h5這個(gè)配置

我們需要在自動(dòng)生成的h5配置中進(jìn)行編寫(xiě)代理設(shè)置

這里需要注意的是"target" : " ", 這里是寫(xiě)http還是https，需要與后臺(tái)保持一致，不然會(huì)報(bào)500.

然后我們?nèi)ナ褂梦覀兊拇?，進(jìn)行帶接口

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)用。

uniapp開(kāi)發(fā)遇到的問(wèn)題總結(jié)

解決方案：

定義一個(gè)布爾類(lèi)型的變量放到頁(yè)面上去，改變循環(huán)的數(shù)據(jù)的某個(gè)屬性時(shí)，給該變量賦值成false，然后再設(shè)置成true

只能使用create生命周期去構(gòu)造了，如果不能滿(mǎn)足的話就另想其他辦法了

使用 placeholder-class 屬性設(shè)置一個(gè)類(lèi)名，再用該類(lèi)名寫(xiě)樣式去覆蓋掉原有的樣式

使用js給img標(biāo)簽添加行內(nèi)樣式以達(dá)到目的

經(jīng)過(guò)頑強(qiáng)的詢(xún)問(wèn)，搜索，才知道HBuilderX 2.9.0+ 相關(guān)更新：調(diào)整根字體大小為系統(tǒng)默認(rèn)大小與微信小程序平臺(tái)一致，調(diào)整后 rem 默認(rèn)大小不再為 窗口寬度/20，改為了瀏覽器（webview）默認(rèn)的字體大小，一般為 16px

這是社區(qū)給的解決方案： 更新 HBuilderX 2.9.0+ 后 rpx(upx)、rem 樣式變形的處理辦法

我做的項(xiàng)目主要是使用 rpx 的部分變形，使用的解決方案為 寬屏適配指南

在里面找到的解決方案如下：

在 pages.json 的 globeStyle 里配置 rpx 的如下參數(shù)

關(guān)于uniapp開(kāi)發(fā)的坑和uniapp開(kāi)源嗎的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。