這篇文章主要介紹了小程序開(kāi)發(fā)中會(huì)遇到什么問(wèn)題,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),芒康企業(yè)網(wǎng)站建設(shè),芒康品牌網(wǎng)站建設(shè),網(wǎng)站定制,芒康網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,芒康網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿(mǎn)足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專(zhuān)業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶(hù)成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。問(wèn)題總結(jié):
(1) 分隔線高度使用rpx問(wèn)題
在相鄰的兩條信息直接都會(huì)有一個(gè)分割線,將線的高度都設(shè)置成1rpx,在第一條和第二條之前的分隔線沒(méi)有顯示,但是其他的都展示了,分割線的屬性是一樣的,而且在不同的手機(jī)上(分辨率不同)不顯示的分割線也是不同的,有的分辨率好幾條分割線都不顯示,不知道這是模擬器的bug還是rpx的bug。解決方法:分割線的高度尺寸單位使用了px,解決了這個(gè)問(wèn)題。
(2) Page注冊(cè)問(wèn)題
這個(gè)錯(cuò)誤可能很容易理解,頁(yè)面注冊(cè)錯(cuò)誤。頁(yè)面是通過(guò)Page對(duì)象來(lái)渲染的,每個(gè)頁(yè)面對(duì)應(yīng)的js文件必須要?jiǎng)?chuàng)建page,最簡(jiǎn)單的方式就是在js文件下寫(xiě)入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í)這種問(wèn)題出現(xiàn)一般就是我們?cè)趙xml定義了一些處理事件,但是在js文件中沒(méi)有實(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寫(xiě)法錯(cuò)誤導(dǎo)致的不顯示,將其中的大寫(xiě)字母B寫(xiě)成小寫(xiě),導(dǎo)致tabBar不顯示
tabBar的list中沒(méi)有寫(xiě)pagePath字段,或者pagePath中的頁(yè)面沒(méi)有注冊(cè)
tabBar的list的pagePath指定的頁(yè)面沒(méi)有寫(xiě)在注冊(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)。超過(guò)或者少于都不會(huì)顯示tabBar。
(6) wx.navigateTo 無(wú)法打開(kāi)頁(yè)面
一個(gè)應(yīng)用同時(shí)只能打開(kāi)5個(gè)頁(yè)面,當(dāng)已經(jīng)打開(kāi)了5個(gè)頁(yè)面之后,wx.navigateTo不能正常打開(kāi)新頁(yè)面。請(qǐng)避免多層級(jí)的交互方式,或者使用wx.redirectTo
(7) 本地資源無(wú)法通過(guò)css獲取
background-image:可以使用網(wǎng)絡(luò)圖片,或者 base64,或者使用<image/>標(biāo)簽
(8) 頁(yè)面數(shù)據(jù)傳遞
微信小程序路由(頁(yè)面跳轉(zhuǎn))是通過(guò)API wx.navigateTo或者wxml中<navigator/>組件實(shí)現(xiàn)的,不管哪種實(shí)現(xiàn)都會(huì)有一個(gè)重要的參數(shù)就是url,它指定了要跳轉(zhuǎn)的頁(yè)面,并且頁(yè)面之間數(shù)據(jù)傳遞也是通過(guò)url來(lái)實(shí)現(xiàn)的,這個(gè)數(shù)據(jù)傳遞有點(diǎn)類(lèi)似于我們使用的get網(wǎng)絡(luò)請(qǐng)求,把參數(shù)都拼接在要跳轉(zhuǎn)界面地址的后面并以“?”連接。然后將要傳入的數(shù)據(jù)以鍵和值的形式追加在”?”后面,多個(gè)參數(shù)直接用”&”符合??梢赃@樣寫(xiě)
<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,我們就可以通過(guò)key將數(shù)據(jù)獲取,如下
onLoad:function(options){ // 頁(yè)面初始化 options為頁(yè)面跳轉(zhuǎn)所帶來(lái)的參數(shù) console.log(options.title) //這里是接收參數(shù) console.log(options.message) },
這樣就實(shí)現(xiàn)了頁(yè)面間數(shù)據(jù)傳遞功能。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“小程序開(kāi)發(fā)中會(huì)遇到什么問(wèn)題”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
網(wǎng)站題目:小程序開(kāi)發(fā)中會(huì)遇到什么問(wèn)題-創(chuàng)新互聯(lián)
標(biāo)題鏈接:http://www.rwnh.cn/article10/cegcdo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、網(wǎng)站維護(hù)、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站建設(shè)、建站公司、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容