微信小程序新手教程之頁面打開數(shù)量限制
前言
眾所周知,無論是在小程序還是APP中,打開一個頁面其實就是創(chuàng)建了一個新的View對象,一層層疊加的。當(dāng)點擊頁面的回退按鈕就是把當(dāng)前頁面關(guān)閉。
這個過程中會涉及到一個問題,就是打開頁面的數(shù)量。在某些設(shè)計下,比如一個商品詳情頁面中會推薦其他的商品,這些商品點進去就是詳情頁面。詳情頁面中又有推薦,又可以點進去。這樣重復(fù)下去打開的頁面就會越來越多。
如果不做限制,當(dāng)打開數(shù)量到一定程度的時候肯定會卡死了。在微信小程序中打開的頁面不能超過10個,達到10個頁面后,就不能再打開新的頁面。
之前出現(xiàn)這個問題,還以為是Bug,是不是卡死了,后來發(fā)現(xiàn)只要回退一個頁面又可以重新打開了。才發(fā)現(xiàn)了最大10個頁面的限制。
特意調(diào)研了其他公司的小程序,發(fā)現(xiàn)確實有這個問題。我這邊就做了一個提示告訴用戶不能打開這么多頁面,不然用戶會一臉茫然,點著點著就點不了。
每個頁面都會需要跟后臺交互加載數(shù)據(jù),我這邊在統(tǒng)一的Http請求中進行判斷。
實例代碼
var pages = getCurrentPages(); console.log("pages:" + pages.length); if (pages.length == 10) { wx.showToast({ title: "頁面打開太多,請回退關(guān)閉幾個頁面", icon: 'none', duration: 2000 }) setTimeout(() => { wx.navigateBack({ }) }, 2000) return; }
當(dāng)打開第10個頁面的時候,給出提示,然后跳回上一個頁面。
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
相關(guān)文章
request請求獲取參數(shù)的實現(xiàn)方法(post和get兩種方式)
下面小編就為大家?guī)硪黄猺equest請求獲取參數(shù)的實現(xiàn)方法(post和get兩種方式)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-09js學(xué)習(xí)總結(jié)_輪播圖之漸隱漸現(xiàn)版(實例講解)
下面小編就為大家?guī)硪黄猨s學(xué)習(xí)總結(jié)_輪播圖之漸隱漸現(xiàn)版(實例講解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07JavaScript動態(tài)數(shù)量的文件上傳控件
本文給大家分享一段js代碼關(guān)于動態(tài)數(shù)量的文件上傳控件,代碼簡單易懂,非常不錯具有參考借鑒價值,感興趣的朋友一起看看2016-11-11基于JavaScript判斷瀏覽器到底是關(guān)閉還是刷新(超準(zhǔn)確)
這篇文章主要介紹了基于JavaScript判斷瀏覽器到底是關(guān)閉還是刷新(超準(zhǔn)確)的相關(guān)資料,需要的朋友可以參考下2016-02-02基于JS實現(xiàn)數(shù)字動態(tài)變化顯示效果附源碼
我們經(jīng)??吹揭壕щ娮颖順邮剑瑪?shù)字動態(tài)顯示,動態(tài)變化的在指定元素內(nèi)顯示數(shù)字。怎么實現(xiàn)效果呢?下面小編給大家?guī)砹嘶贘S實現(xiàn)數(shù)字動態(tài)變化顯示效果 ,感興趣的朋友一起看看吧2019-07-07ECharts數(shù)據(jù)可視化基本使用之常用圖表類型
這篇文章主要給大家介紹了關(guān)于ECharts數(shù)據(jù)可視化基本使用之常用圖表類型的相關(guān)資料,echarts是一款基于JavaScript的數(shù)據(jù)可視化圖表庫,提供直觀,生動,可交互,可個性化定制的數(shù)據(jù)可視化圖表,需要的朋友可以參考下2023-11-11