小程序開發(fā)中會(huì)遇到什么問題

這篇文章主要介紹了小程序開發(fā)中會(huì)遇到什么問題，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

問題總結(jié)：
(1) 分隔線高度使用rpx問題
在相鄰的兩條信息直接都會(huì)有一個(gè)分割線，將線的高度都設(shè)置成1rpx,在第一條和第二條之前的分隔線沒有顯示，但是其他的都展示了，分割線的屬性是一樣的，而且在不同的手機(jī)上（分辨率不同）不顯示的分割線也是不同的，有的分辨率好幾條分割線都不顯示，不知道這是模擬器的bug還是rpx的bug。解決方法：分割線的高度尺寸單位使用了px,解決了這個(gè)問題。

(2) Page注冊(cè)問題
這個(gè)錯(cuò)誤可能很容易理解，頁(yè)面注冊(cè)錯(cuò)誤。頁(yè)面是通過Page對(duì)象來渲染的，每個(gè)頁(yè)面對(duì)應(yīng)的js文件必須要?jiǎng)?chuàng)建page，最簡(jiǎn)單的方式就是在js文件下寫入Page({})，在page中有管理頁(yè)面渲染的生命周期，以及數(shù)據(jù)處理，事件都在這完成。這個(gè)錯(cuò)誤引起的原因一般都是剛創(chuàng)建頁(yè)面，js文件還有有處理或者忘了處理。
解決方法：養(yǎng)成創(chuàng)建頁(yè)面的同時(shí)在js文件先創(chuàng)建Page的習(xí)慣.

(3) Page route 錯(cuò)誤
重復(fù)調(diào)用路由引起的，處理方法就是刪除一個(gè)路由，刪除<navigator />組件或者刪除wx.navigateTo。

(4) Don’t have * Handle in current page.
其實(shí)這種問題出現(xiàn)一般就是我們?cè)趙xml定義了一些處理事件，但是在js文件中沒有實(shí)現(xiàn)這個(gè)時(shí)事件的處理方法，就會(huì)出現(xiàn)這個(gè)錯(cuò)誤。那么我們按提示在js文件加上事件處理
解決方法：不要漏掉任何調(diào)用事件的方法實(shí)現(xiàn)

(5) tabBar 設(shè)置不顯示
對(duì)于tabBar不顯示，原因有很多，查找這個(gè)錯(cuò)誤直接去app.json這個(gè)文件

未將頁(yè)面注冊(cè)到app.json中

tabBar寫法錯(cuò)誤導(dǎo)致的不顯示，將其中的大寫字母B寫成小寫，導(dǎo)致tabBar不顯示

tabBar的list中沒有寫pagePath字段，或者pagePath中的頁(yè)面沒有注冊(cè)

tabBar的list的pagePath指定的頁(yè)面沒有寫在注冊(cè)頁(yè)面第一個(gè)。微信小程序的邏輯是”pages”中的第一個(gè)頁(yè)面是首頁(yè)，也就是程序啟動(dòng)后第一個(gè)顯示的頁(yè)面，如果tabBar的list的pagePath指定的頁(yè)面都不是pages的第一個(gè)，當(dāng)然也就不會(huì)顯示tabBar了。

tabBar的數(shù)量低于兩項(xiàng)或者高于五項(xiàng)，微信官方中明確規(guī)定tabBar的至少兩項(xiàng)最多五項(xiàng)。超過或者少于都不會(huì)顯示tabBar。

(6) wx.navigateTo 無法打開頁(yè)面
一個(gè)應(yīng)用同時(shí)只能打開5個(gè)頁(yè)面，當(dāng)已經(jīng)打開了5個(gè)頁(yè)面之后，wx.navigateTo不能正常打開新頁(yè)面。請(qǐng)避免多層級(jí)的交互方式，或者使用wx.redirectTo

(7) 本地資源無法通過css獲取
background-image：可以使用網(wǎng)絡(luò)圖片，或者 base64，或者使用<image/>標(biāo)簽

(8) 頁(yè)面數(shù)據(jù)傳遞
微信小程序路由（頁(yè)面跳轉(zhuǎn)）是通過API wx.navigateTo或者wxml中<navigator/>組件實(shí)現(xiàn)的，不管哪種實(shí)現(xiàn)都會(huì)有一個(gè)重要的參數(shù)就是url，它指定了要跳轉(zhuǎn)的頁(yè)面，并且頁(yè)面之間數(shù)據(jù)傳遞也是通過url來實(shí)現(xiàn)的，這個(gè)數(shù)據(jù)傳遞有點(diǎn)類似于我們使用的get網(wǎng)絡(luò)請(qǐng)求，把參數(shù)都拼接在要跳轉(zhuǎn)界面地址的后面并以“？”連接。然后將要傳入的數(shù)據(jù)以鍵和值的形式追加在”?”后面，多個(gè)參數(shù)直接用”&”符合?？梢赃@樣寫

<navigator url="/pages/dynamic/dynamic?title={{item.title}}&message={{item.message}}">
<view class="item" >
<view class="item-left">
<image src="{{item.url}}" class="image"/>
</view>
<view class="item-middle">
<view>
<text class="title">{{item.title}}</text>
</view>
<view>
<text class="message">{{item.message}}</text>
</view>
</view>
<view class="item_right">
<view><text class="time">{{item.time}}</text></view>
<view class="mark" wx:if="{{item.count>0}}"><text class="text">{{item.count}}</text></view>
</view>
</view>
<view class="line"></view>
</navigator>

而數(shù)據(jù)接收是在js文件的page里接收的，page生命周期有一個(gè)onLoad函數(shù)，它就是做一些初始化數(shù)據(jù)的工作，onLoad函數(shù)有一個(gè)參數(shù)options，我們就可以通過key將數(shù)據(jù)獲取，如下

onLoad:function(options){
// 頁(yè)面初始化 options為頁(yè)面跳轉(zhuǎn)所帶來的參數(shù)
console.log(options.title) //這里是接收參數(shù)
console.log(options.message)
},

這樣就實(shí)現(xiàn)了頁(yè)面間數(shù)據(jù)傳遞功能。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“小程序開發(fā)中會(huì)遇到什么問題”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!