摘要:如果不做限制,當(dāng)打開(kāi)數(shù)量到一定程度的時(shí)候肯定會(huì)卡死了。在微信小程序中打開(kāi)的頁(yè)面不能超過(guò)個(gè),達(dá)到個(gè)頁(yè)面后,就不能再打開(kāi)新的頁(yè)面。才發(fā)現(xiàn)了最大個(gè)頁(yè)面的限制。
無(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è)提示告訴用戶不能打開(kāi)這么多頁(yè)面,不然用戶會(huì)一臉茫然,點(diǎn)著點(diǎn)著就點(diǎn)不了。
每個(gè)頁(yè)面都會(huì)需要跟后臺(tái)交互加載數(shù)據(jù),我這邊在統(tǒng)一的Http請(qǐng)求中進(jìn)行判斷。
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è)面。
歡迎加入我的知識(shí)星球,一起交流技術(shù),免費(fèi)學(xué)習(xí)猿天地的課程(http://cxytiandi.com/course)文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/73503.html
摘要:前言微信小程序中可以直接運(yùn)行頁(yè)面,這一新組件的產(chǎn)生,可能直接導(dǎo)致小程序數(shù)量迎來(lái)一波高峰。微信小程序配置系列問(wèn)題配置域名業(yè)務(wù)域名中配置的就是小程序以及和中引用的域名。 今日勵(lì)志語(yǔ) 要接受自己行動(dòng)所帶來(lái)的責(zé)任而非自己成就所帶來(lái)的榮耀。 前言 微信小程序中可以直接運(yùn)行 web 頁(yè)面,這一新組件 web-view 的產(chǎn)生,可能直接導(dǎo)致小程序數(shù)量迎來(lái)一波高峰。本篇博文將從業(yè)務(wù)選型,微信小程序后臺(tái)...
摘要:微信小程序課程,面向所有具備前端基礎(chǔ)知識(shí)的同學(xué)官網(wǎng)訪問(wèn)官網(wǎng)更快閱讀全部免費(fèi)分享課程出品全網(wǎng)最新微信小程序基于最新版開(kāi)發(fā)者工具之初中級(jí)培訓(xùn)教程分享。 ?? 微信小程序課程,面向所有具備前端基礎(chǔ)知識(shí)的同學(xué) ?? iKcamp官網(wǎng):http://www.ikcamp.com 訪問(wèn)官網(wǎng)更快閱讀全部免費(fèi)分享課程:《iKcamp出品|全網(wǎng)最新|微信小程序|基于最新版1.0開(kāi)發(fā)者工具之初中級(jí)培訓(xùn)教...
摘要:微信小程序課程,面向所有具備前端基礎(chǔ)知識(shí)的同學(xué)官網(wǎng)訪問(wèn)官網(wǎng)更快閱讀全部免費(fèi)分享課程出品全網(wǎng)最新微信小程序基于最新版開(kāi)發(fā)者工具之初中級(jí)培訓(xùn)教程分享。 ?? 微信小程序課程,面向所有具備前端基礎(chǔ)知識(shí)的同學(xué) ?? iKcamp官網(wǎng):http://www.ikcamp.com 訪問(wèn)官網(wǎng)更快閱讀全部免費(fèi)分享課程:《iKcamp出品|全網(wǎng)最新|微信小程序|基于最新版1.0開(kāi)發(fā)者工具之初中級(jí)培訓(xùn)教...
摘要:微信小程序課程,面向所有具備前端基礎(chǔ)知識(shí)的同學(xué)官網(wǎng)訪問(wèn)官網(wǎng)更快閱讀全部免費(fèi)分享課程出品全網(wǎng)最新微信小程序基于最新版開(kāi)發(fā)者工具之初中級(jí)培訓(xùn)教程分享。 ?? 微信小程序課程,面向所有具備前端基礎(chǔ)知識(shí)的同學(xué) ?? iKcamp官網(wǎng):http://www.ikcamp.com 訪問(wèn)官網(wǎng)更快閱讀全部免費(fèi)分享課程:《iKcamp出品|全網(wǎng)最新|微信小程序|基于最新版1.0開(kāi)發(fā)者工具之初中級(jí)培訓(xùn)教...
閱讀 1255·2021-09-01 10:30
閱讀 2133·2021-07-23 10:38
閱讀 907·2019-08-29 15:06
閱讀 3161·2019-08-29 13:53
閱讀 3284·2019-08-26 11:54
閱讀 1837·2019-08-26 11:38
閱讀 2379·2019-08-26 10:29
閱讀 3134·2019-08-23 18:15