小程序的視圖與邏輯

頁(yè)面導(dǎo)航

頁(yè)面導(dǎo)航值得是頁(yè)面之間的相互跳轉(zhuǎn)。例如。瀏覽器中實(shí)現(xiàn)頁(yè)面導(dǎo)航的方式有:

1.<a>鏈接? ?2.location.href?

小程序中實(shí)現(xiàn)頁(yè)面導(dǎo)航的兩種方式:


聲明式導(dǎo)航跳轉(zhuǎn)

聲明式點(diǎn)擊跳轉(zhuǎn)tabBar頁(yè)面

值得注意的是,跳轉(zhuǎn)tabBar頁(yè)面時(shí),一定要添加 open-type屬性為switchTab,路徑必須以/開(kāi)頭

聲明式當(dāng)點(diǎn)擊非跳轉(zhuǎn)到非tabBar頁(yè)面

值得注意的是,跳轉(zhuǎn)非tabBar頁(yè)面時(shí),一定要添加 open-type屬性為navigate,路徑必須以/開(kāi)頭

為了簡(jiǎn)便,在導(dǎo)航到非tabBar頁(yè)面時(shí),open-type="navigate"屬性可以省略。

后退導(dǎo)航

為了簡(jiǎn)便,如果只是后退了一個(gè)層級(jí),delta可以省略,默認(rèn)就是1

編程式導(dǎo)航跳轉(zhuǎn)

編程式點(diǎn)擊跳轉(zhuǎn)tabBar頁(yè)面

注意url是必填項(xiàng)

編程式點(diǎn)擊跳轉(zhuǎn)非tabBar頁(yè)面

導(dǎo)航傳參

聲明式導(dǎo)航傳參

示例 傳輸了 name:zs age:20 兩個(gè)參數(shù)

編程式導(dǎo)航傳參

示例 傳輸了 name:ls gender:男 兩個(gè)參數(shù)

在onLoad中接收導(dǎo)航參數(shù)?

下拉刷新事件

因?yàn)椴皇撬许?yè)面都需要下拉刷新拉取數(shù)據(jù)?

停止下拉刷新

下拉刷新對(duì)count重置為0 ,再關(guān)閉下拉刷新

上拉觸底事件

小程序的生命周期

?什么是生命周期?

生命周期的分類(lèi)

什么是生命周期函數(shù)?

小程序應(yīng)用的生命周期函數(shù)

注意這是小程序應(yīng)用的生命周期,共有三個(gè)生命周期,寫(xiě)在全局配置里 app.json配置中

小程序頁(yè)面的生命周期函數(shù)

共有五個(gè)生命周期函數(shù)

onLoad和onReady是比較常用的 onLoad一般用來(lái)初始化 onReady用來(lái)渲染完成后修改某些操作等。


WXS腳本

1.什么是wxs?

WXS(WeiXin Script)是小程序獨(dú)有的一套腳本語(yǔ)言,結(jié)合WXML,可以構(gòu)建出頁(yè)面結(jié)構(gòu)。


2.wxs的應(yīng)用場(chǎng)景?

wxml中無(wú)法調(diào)用在頁(yè)面.js中定義的函數(shù),但是,wxml中可以調(diào)用wxs中定義的函數(shù)。因?yàn)?,小程序中的wxs的經(jīng)典應(yīng)用場(chǎng)景就是“過(guò)濾器”

3.wxs和JavaScript之間的關(guān)系*

4.如何使用內(nèi)嵌wxs腳本?

username通過(guò)定義在wxs里的toUpper函數(shù)將username轉(zhuǎn)成了大寫(xiě)

定義外聯(lián)的wxs腳本

wxs代碼可以編寫(xiě)在以.wxs為后綴名的文件內(nèi),就像JavaScript代碼可以編寫(xiě)在以.js為后綴名的文件一樣。示例如下:

使用外面的wxs腳本

wxs的注意事項(xiàng)

wxs雖然借鑒了JavaScript的語(yǔ)法特點(diǎn) 但是完全是兩個(gè)東西。

wxs不能作為組件的事件回調(diào)

wxs不能作為組件的事件回調(diào)

wxs的隔離性

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 頁(yè)面導(dǎo)航 頁(yè)面導(dǎo)航就是頁(yè)面之間的跳轉(zhuǎn),小程序中頁(yè)面之間的導(dǎo)航有兩種方式:① 聲明式導(dǎo)航:通過(guò)點(diǎn)擊 navigato...
    檸月如風(fēng)z閱讀 673評(píng)論 0 2
  • 文章和代碼已經(jīng)歸檔至【Github倉(cāng)庫(kù):https://github.com/timerring/front-en...
    timerring閱讀 248評(píng)論 0 1
  • 一、頁(yè)面導(dǎo)航 頁(yè)面導(dǎo)航指的是頁(yè)面之間的相互跳轉(zhuǎn)。例如,瀏覽器中實(shí)現(xiàn)頁(yè)面導(dǎo)航的方式有如下兩種: 鏈接。 locato...
    TanYanQing閱讀 421評(píng)論 0 0
  • 數(shù)據(jù)綁定與事件綁定 定義頁(yè)面的數(shù)據(jù) 小程序中每個(gè)頁(yè)面,由4部分組成,其中 .js 文件內(nèi)可以定義頁(yè)面的數(shù)據(jù)、生命周...
    檸月如風(fēng)z閱讀 557評(píng)論 0 0
  • 一、微信小程序頁(yè)面導(dǎo)航 頁(yè)面導(dǎo)航:指的是頁(yè)面之間的相互跳轉(zhuǎn)。 瀏覽器中實(shí)現(xiàn)頁(yè)面導(dǎo)航的方式有兩種: (1) 鏈接; ...
    Minrens閱讀 512評(píng)論 0 0

友情鏈接更多精彩內(nèi)容