微信小程序新手教程之頁(yè)面打開(kāi)數(shù)量限制
前言
眾所周知,無(wú)論是在小程序還是APP中,打開(kāi)一個(gè)頁(yè)面其實(shí)就是創(chuàng)建了一個(gè)新的View對(duì)象,一層層疊加的。當(dāng)點(diǎn)擊頁(yè)面的回退按鈕就是把當(dāng)前頁(yè)面關(guān)閉。
這個(gè)過(guò)程中會(huì)涉及到一個(gè)問(wèn)題,就是打開(kāi)頁(yè)面的數(shù)量。在某些設(shè)計(jì)下,比如一個(gè)商品詳情頁(yè)面中會(huì)推薦其他的商品,這些商品點(diǎn)進(jìn)去就是詳情頁(yè)面。詳情頁(yè)面中又有推薦,又可以點(diǎn)進(jìn)去。這樣重復(fù)下去打開(kāi)的頁(yè)面就會(huì)越來(lái)越多。
如果不做限制,當(dāng)打開(kāi)數(shù)量到一定程度的時(shí)候肯定會(huì)卡死了。在微信小程序中打開(kāi)的頁(yè)面不能超過(guò)10個(gè),達(dá)到10個(gè)頁(yè)面后,就不能再打開(kāi)新的頁(yè)面。
之前出現(xiàn)這個(gè)問(wèn)題,還以為是Bug,是不是卡死了,后來(lái)發(fā)現(xiàn)只要回退一個(gè)頁(yè)面又可以重新打開(kāi)了。才發(fā)現(xiàn)了最大10個(gè)頁(yè)面的限制。
特意調(diào)研了其他公司的小程序,發(fā)現(xiàn)確實(shí)有這個(gè)問(wèn)題。我這邊就做了一個(gè)提示告訴用戶(hù)不能打開(kāi)這么多頁(yè)面,不然用戶(hù)會(huì)一臉茫然,點(diǎn)著點(diǎn)著就點(diǎn)不了。
每個(gè)頁(yè)面都會(huì)需要跟后臺(tái)交互加載數(shù)據(jù),我這邊在統(tǒng)一的Http請(qǐng)求中進(jìn)行判斷。
實(shí)例代碼
var pages = getCurrentPages();
console.log("pages:" + pages.length);
if (pages.length == 10) {
wx.showToast({
title: "頁(yè)面打開(kāi)太多,請(qǐng)回退關(guān)閉幾個(gè)頁(yè)面",
icon: 'none',
duration: 2000
})
setTimeout(() => {
wx.navigateBack({
})
}, 2000)
return;
}
當(dāng)打開(kāi)第10個(gè)頁(yè)面的時(shí)候,給出提示,然后跳回上一個(gè)頁(yè)面。

總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
request請(qǐng)求獲取參數(shù)的實(shí)現(xiàn)方法(post和get兩種方式)
下面小編就為大家?guī)?lái)一篇request請(qǐng)求獲取參數(shù)的實(shí)現(xiàn)方法(post和get兩種方式)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
JavaScript+CSS相冊(cè)特效實(shí)例代碼
下面小編就為大家?guī)?lái)一篇JavaScript+CSS相冊(cè)特效實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
JS實(shí)現(xiàn)簡(jiǎn)單表格排序操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)單表格排序操作,結(jié)合具體實(shí)例形式分析了JavaScript事件響應(yīng)及table表格動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2017-10-10
js學(xué)習(xí)總結(jié)_輪播圖之漸隱漸現(xiàn)版(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇js學(xué)習(xí)總結(jié)_輪播圖之漸隱漸現(xiàn)版(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
JavaScript動(dòng)態(tài)數(shù)量的文件上傳控件
本文給大家分享一段js代碼關(guān)于動(dòng)態(tài)數(shù)量的文件上傳控件,代碼簡(jiǎn)單易懂,非常不錯(cuò)具有參考借鑒價(jià)值,感興趣的朋友一起看看2016-11-11
基于JavaScript判斷瀏覽器到底是關(guān)閉還是刷新(超準(zhǔn)確)
這篇文章主要介紹了基于JavaScript判斷瀏覽器到底是關(guān)閉還是刷新(超準(zhǔn)確)的相關(guān)資料,需要的朋友可以參考下2016-02-02
基于JS實(shí)現(xiàn)數(shù)字動(dòng)態(tài)變化顯示效果附源碼
我們經(jīng)??吹揭壕щ娮颖順邮剑瑪?shù)字動(dòng)態(tài)顯示,動(dòng)態(tài)變化的在指定元素內(nèi)顯示數(shù)字。怎么實(shí)現(xiàn)效果呢?下面小編給大家?guī)?lái)了基于JS實(shí)現(xiàn)數(shù)字動(dòng)態(tài)變化顯示效果 ,感興趣的朋友一起看看吧2019-07-07
javascript中類(lèi)的定義方式詳解(四種方式)
這篇文章主要介紹了javascript中類(lèi)的定義方式,結(jié)合實(shí)例形式較為詳細(xì)的分析了JavaScript中類(lèi)的四種定義方式,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
ECharts數(shù)據(jù)可視化基本使用之常用圖表類(lèi)型
這篇文章主要給大家介紹了關(guān)于ECharts數(shù)據(jù)可視化基本使用之常用圖表類(lèi)型的相關(guān)資料,echarts是一款基于JavaScript的數(shù)據(jù)可視化圖表庫(kù),提供直觀,生動(dòng),可交互,可個(gè)性化定制的數(shù)據(jù)可視化圖表,需要的朋友可以參考下2023-11-11
JS獲得一個(gè)對(duì)象的所有屬性和方法實(shí)例
下面小編就為大家?guī)?lái)一篇JS獲得一個(gè)對(duì)象的所有屬性和方法實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02

