成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JS每日一題：小程序跳轉(zhuǎn)頁(yè)面有幾種方式？ 有什么不同?

googollee / 3297人閱讀

摘要：小程序跳轉(zhuǎn)頁(yè)面有幾種方式有什么不同在小程序中每個(gè)頁(yè)面可以看成是一個(gè)，全部以棧的形式進(jìn)行管理最多五層在說(shuō)跳轉(zhuǎn)方式之前我們先來(lái)溫習(xí)一下棧和堆的區(qū)別管理方式不同棧是系統(tǒng)編譯器啟動(dòng)管理，不需要程序員手動(dòng)管理堆的釋放由程序員手動(dòng)管理，不及時(shí)回收容易產(chǎn)

20190228

小程序跳轉(zhuǎn)頁(yè)面有幾種方式？ 有什么不同?

在小程序中每個(gè)頁(yè)面可以看成是一個(gè)pageModel，pageModel全部以棧的形式進(jìn)行管理(最多五層)

在說(shuō)跳轉(zhuǎn)方式之前我們先來(lái)溫習(xí)一下棧和堆的區(qū)別

管理方式不同

棧是系統(tǒng)編譯器啟動(dòng)管理，不需要程序員手動(dòng)管理

堆的釋放由程序員手動(dòng)管理，不及時(shí)回收容易產(chǎn)生內(nèi)存泄露

分配方式不同

棧有兩種分配方式：靜態(tài)分配和動(dòng)態(tài)分配

靜態(tài)分配是系統(tǒng)編譯器完成的，比如局部變量的分配

動(dòng)態(tài)分配是由alloc函數(shù)進(jìn)行分配的，但是棧的動(dòng)態(tài)分配和堆的動(dòng)態(tài)分配是不同的，它的動(dòng)態(tài)分配也由系統(tǒng)編譯器進(jìn)行釋放，不需要程序員手動(dòng)管理

堆是動(dòng)態(tài)分配和回收內(nèi)存的，沒有靜態(tài)分配的堆

分配大小不同

棧是向低地址擴(kuò)展的數(shù)據(jù)結(jié)構(gòu)，是一塊連續(xù)的內(nèi)存區(qū)域

堆是向高地址擴(kuò)展的數(shù)據(jù)結(jié)構(gòu)，是不連續(xù)的內(nèi)存區(qū)域

進(jìn)入正題

小程序的路由跳轉(zhuǎn)分為兩種，組件跳轉(zhuǎn)以及api跳轉(zhuǎn)

api形式分為

navigateTo 保留當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面，使用wx.navigateBack可以返回到原頁(yè)面

redirectTo 關(guān)閉當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面

switchTab 跳轉(zhuǎn)到tabBar頁(yè)面,同時(shí)關(guān)閉其他非tabBar頁(yè)面

navigateBack 返回上一頁(yè)面

reLanch 關(guān)閉所有頁(yè)面，打開到應(yīng)用內(nèi)的某個(gè)頁(yè)面

前面有提到棧，那么這些導(dǎo)航方式跟棧有什么關(guān)系呢,看下面

初始化 新頁(yè)面入棧

navigateTo 新頁(yè)面入棧

redirectTo 當(dāng)前頁(yè)面出棧，新頁(yè)面入棧

navigateBack 頁(yè)面不斷出棧，直到目標(biāo)返回頁(yè)，新頁(yè)面入棧

switchTab 頁(yè)面全部出棧，只留下新的 Tab 頁(yè)面

reLanch 頁(yè)面全部出棧，只留下新的頁(yè)面

通過(guò)組件形式進(jìn)行跳轉(zhuǎn)

// navigator 組件默認(rèn)的 open-type 為 navigate 
跳轉(zhuǎn)到新頁(yè)面

// 如需要其它形式進(jìn)行跳轉(zhuǎn)，可以更改open-type 屬性以上api值
切換 Tab
getCurrentPages

getCurrentPages() 函數(shù)用于獲取當(dāng)前頁(yè)面棧的實(shí)例(屬性及方法)，以數(shù)組形式按棧的順序給出，第一個(gè)元素為首頁(yè)，最后一個(gè)元素為當(dāng)前頁(yè)面

// Page A 跳轉(zhuǎn)至Page B
wx.navigateTo({ url: "/pages/B/B" })

// Page B
const pages = getCurrentPages()
const perPage = pages[pages.length - 2] // 上一個(gè)頁(yè)面
perPage.setData({
    title: "JS每日一題"
})
總結(jié)

小程序頁(yè)面由棧形式管理，最多為5層，在合理的場(chǎng)景使用合理的方式進(jìn)行跳轉(zhuǎn)

關(guān)于JS每日一題

JS每日一題可以看成是一個(gè)語(yǔ)音答題社區(qū)
每天利用碎片時(shí)間采用60秒內(nèi)的語(yǔ)音形式來(lái)完成當(dāng)天的考題
群主在次日0點(diǎn)推送當(dāng)天的參考答案

注 絕不僅限于完成當(dāng)天任務(wù)，更多是查漏補(bǔ)缺，學(xué)習(xí)群內(nèi)其它同學(xué)優(yōu)秀的答題思路

點(diǎn)擊加入答題

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/102284.html

相關(guān)文章

  • JS每日一題: 小程序頁(yè)面之間如何通信?

    摘要：小程序頁(yè)面之間如何通信首先將通信的模型列舉出來(lái)分為以下幾種兄弟頁(yè)面間通信父路徑頁(yè)面向子路徑頁(yè)面通信子路徑頁(yè)面向父路徑頁(yè)面通信通信的方式本地存儲(chǔ)全局對(duì)象發(fā)布訂閱緩存整個(gè)至利用激活方法，通過(guò)傳遞數(shù)據(jù)清空上次通信數(shù)據(jù)同一樣，利用激活方法，通過(guò)讀寫 20190227 小程序頁(yè)面之間如何通信? 首先將通信的模型列舉出來(lái), 分為以下幾種 兄弟頁(yè)面間通信 父路徑頁(yè)面向子路徑頁(yè)面通信 子路徑頁(yè)面向父...

    RancherLabs 評(píng)論0 收藏0

  • JS每日一題：什么情況下適合使合vuex？Vuex使用中有幾個(gè)步驟？

    摘要：什么情況下適合使合使用中有幾個(gè)步驟開始之前先簡(jiǎn)單了解一下定義是一個(gè)狀態(tài)管理機(jī)制采用集中式存儲(chǔ)應(yīng)用所有組件的狀態(tài)嗯，就是一句話能說(shuō)明白的，沒明白的，我們用代碼再理解一下什么叫集中式式存儲(chǔ)比如下面這段代碼，同時(shí)需要用到，那么我們首先能想到就是在 20190121 什么情況下適合使合vuex？Vuex使用中有幾個(gè)步驟？ 開始之前先簡(jiǎn)單了解一下vuex 定義: vuex是一個(gè)狀態(tài)管理機(jī)制,采用...

    wow_worktile 評(píng)論0 收藏0

  • JS每日一題：Vue-router有哪些鉤子？使用場(chǎng)景？

    摘要：?jiǎn)栍心男┿^子使用場(chǎng)景的實(shí)現(xiàn)可以點(diǎn)這里前面我們用大白話講過(guò)什么是鉤子，這里在重復(fù)一下，就是在什么什么之前什么什么之后英文叫專業(yè)點(diǎn)叫生命周期，裝逼點(diǎn)可以叫守衛(wèi)中也存在鉤子的概念分為三步記憶全局守衛(wèi)路由獨(dú)享守衛(wèi)組件獨(dú)享守衛(wèi)全局守衛(wèi)很好理解，全 20190218問(wèn) Vue-router有哪些鉤子？使用場(chǎng)景？ router的實(shí)現(xiàn)可以點(diǎn)這里 前面我們用大白話講過(guò)什么是鉤子，這里在重復(fù)一下，就是在...

    張金寶 評(píng)論0 收藏0

  • JS每日一題:Vue中的diff算法？

    摘要：，文本節(jié)點(diǎn)的比較，需要修改，則會(huì)調(diào)用。，新節(jié)點(diǎn)沒有子節(jié)點(diǎn)，老節(jié)點(diǎn)有子節(jié)點(diǎn)，直接刪除老節(jié)點(diǎn)。所以一句話，的作用主要是為了高效的更新虛擬。 20190125 Vue中的diff算法？ 概念: diff算法是一種優(yōu)化手段，將前后兩個(gè)模塊進(jìn)行差異對(duì)比，修補(bǔ)(更新)差異的過(guò)程叫做patch(打補(bǔ)丁) 為什么vue,react這些框架中都會(huì)有diff算法呢? 我們都知道渲染真實(shí)dom的開銷是很大的...

    Caicloud 評(píng)論0 收藏0

  • daily-question-02（前端每日一題02）

    摘要：靜態(tài)作用域與動(dòng)態(tài)作用域靜態(tài)作用域函數(shù)的作用域基于函數(shù)創(chuàng)建的位置。采用的是詞法作用域，也稱為靜態(tài)作用域?？梢越俪终麄€(gè)對(duì)象，并返回一個(gè)新的對(duì)象。防誤觸延緩執(zhí)行立即執(zhí)行節(jié)流所謂節(jié)流，就是指連續(xù)觸發(fā)事件但是在秒中只執(zhí)行一次函數(shù)。 在這里記錄著每天自己遇到的一道印象深刻的前端問(wèn)題，以及一道生活中隨處可見的小問(wèn)題。 強(qiáng)迫自己形成積累的習(xí)慣，鞭撻自己不斷前行，共同學(xué)習(xí)。 Github 地址 2019...

    lk20150415 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<