資訊專欄INFORMATION COLUMN
摘要：小程序跳轉頁面有幾種方式有什么不同在小程序中每個頁面可以看成是一個，全部以棧的形式進行管理最多五層在說跳轉方式之前我們先來溫習一下棧和堆的區別管理方式不同棧是系統編譯器啟動管理，不需要程序員手動管理堆的釋放由程序員手動管理，不及時回收容易產
20190228
小程序跳轉頁面有幾種方式？ 有什么不同?
在小程序中每個頁面可以看成是一個pageModel，pageModel全部以棧的形式進行管理(最多五層)
在說跳轉方式之前我們先來溫習一下棧和堆的區別
棧是系統編譯器啟動管理，不需要程序員手動管理
堆的釋放由程序員手動管理，不及時回收容易產生內存泄露
棧有兩種分配方式：靜態分配和動態分配
靜態分配是系統編譯器完成的，比如局部變量的分配
動態分配是由alloc函數進行分配的，但是棧的動態分配和堆的動態分配是不同的，它的動態分配也由系統編譯器進行釋放，不需要程序員手動管理
堆是動態分配和回收內存的，沒有靜態分配的堆
棧是向低地址擴展的數據結構，是一塊連續的內存區域
堆是向高地址擴展的數據結構，是不連續的內存區域
進入正題小程序的路由跳轉分為兩種，組件跳轉以及api跳轉
api形式分為
navigateTo 保留當前頁面，跳轉到應用內的某個頁面，使用wx.navigateBack可以返回到原頁面
redirectTo 關閉當前頁面，跳轉到應用內的某個頁面
switchTab 跳轉到tabBar頁面,同時關閉其他非tabBar頁面
navigateBack 返回上一頁面
reLanch 關閉所有頁面，打開到應用內的某個頁面
前面有提到棧，那么這些導航方式跟棧有什么關系呢,看下面
初始化 新頁面入棧
navigateTo 新頁面入棧
redirectTo 當前頁面出棧，新頁面入棧
navigateBack 頁面不斷出棧，直到目標返回頁，新頁面入棧
switchTab 頁面全部出棧，只留下新的 Tab 頁面
reLanch 頁面全部出棧，只留下新的頁面
通過組件形式進行跳轉
// navigator 組件默認的 open-type 為 navigate跳轉到新頁面 // 如需要其它形式進行跳轉，可以更改open-type 屬性以上api值切換 Tab
getCurrentPages() 函數用于獲取當前頁面棧的實例(屬性及方法)，以數組形式按棧的順序給出，第一個元素為首頁，最后一個元素為當前頁面
// Page A 跳轉至Page B
wx.navigateTo({ url: "/pages/B/B" })
// Page B
const pages = getCurrentPages()
const perPage = pages[pages.length - 2] // 上一個頁面
perPage.setData({
title: "JS每日一題"
})
總結
小程序頁面由棧形式管理，最多為5層，在合理的場景使用合理的方式進行跳轉
關于JS每日一題JS每日一題可以看成是一個語音答題社區
每天利用碎片時間采用60秒內的語音形式來完成當天的考題
群主在次日0點推送當天的參考答案
注 絕不僅限于完成當天任務，更多是查漏補缺，學習群內其它同學優秀的答題思路
點擊加入答題
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/102284.html
摘要：小程序頁面之間如何通信首先將通信的模型列舉出來分為以下幾種兄弟頁面間通信父路徑頁面向子路徑頁面通信子路徑頁面向父路徑頁面通信通信的方式本地存儲全局對象發布訂閱緩存整個至利用激活方法，通過傳遞數據清空上次通信數據同一樣，利用激活方法，通過讀寫 20190227 小程序頁面之間如何通信? 首先將通信的模型列舉出來, 分為以下幾種 兄弟頁面間通信 父路徑頁面向子路徑頁面通信 子路徑頁面向父...
摘要：什么情況下適合使合使用中有幾個步驟開始之前先簡單了解一下定義是一個狀態管理機制采用集中式存儲應用所有組件的狀態嗯，就是一句話能說明白的，沒明白的，我們用代碼再理解一下什么叫集中式式存儲比如下面這段代碼，同時需要用到，那么我們首先能想到就是在 20190121 什么情況下適合使合vuex？Vuex使用中有幾個步驟？ 開始之前先簡單了解一下vuex 定義: vuex是一個狀態管理機制,采用...
摘要：問有哪些鉤子使用場景的實現可以點這里前面我們用大白話講過什么是鉤子，這里在重復一下，就是在什么什么之前什么什么之后英文叫專業點叫生命周期，裝逼點可以叫守衛中也存在鉤子的概念分為三步記憶全局守衛路由獨享守衛組件獨享守衛全局守衛很好理解，全 20190218問 Vue-router有哪些鉤子？使用場景？ router的實現可以點這里 前面我們用大白話講過什么是鉤子，這里在重復一下，就是在...
摘要：，文本節點的比較，需要修改，則會調用。，新節點沒有子節點，老節點有子節點，直接刪除老節點。所以一句話，的作用主要是為了高效的更新虛擬。 20190125 Vue中的diff算法？ 概念: diff算法是一種優化手段，將前后兩個模塊進行差異對比，修補(更新)差異的過程叫做patch(打補丁) 為什么vue,react這些框架中都會有diff算法呢? 我們都知道渲染真實dom的開銷是很大的...
摘要：靜態作用域與動態作用域靜態作用域函數的作用域基于函數創建的位置。采用的是詞法作用域，也稱為靜態作用域。可以劫持整個對象，并返回一個新的對象。防誤觸延緩執行立即執行節流所謂節流，就是指連續觸發事件但是在秒中只執行一次函數。 在這里記錄著每天自己遇到的一道印象深刻的前端問題，以及一道生活中隨處可見的小問題。 強迫自己形成積累的習慣，鞭撻自己不斷前行，共同學習。 Github 地址 2019...
閱讀 901·2023-04-26 01:37
閱讀 3376·2021-09-02 15:40
閱讀 969·2021-09-01 10:29
閱讀 2899·2019-08-29 17:05
閱讀 3428·2019-08-28 18:02
閱讀 1185·2019-08-28 18:00
閱讀 1494·2019-08-26 11:00
閱讀 2618·2019-08-26 10:27
