微信小程序次日

指令

1 wx:for    用於控制結構及渲染及結構   通常循環的是對象和數組   wx：for 指向被循環的內容

<view wx:key="{{this}}"  wx:for="{{arr}}">{{index}}{{item}}</view>

wx:key 是爲了提高性能

index 是數組或者對象中的索引   item是成員 

2 wx：if  用於控制結構  控制顯隱  用法與wx：for一致

路由或者頁面跳轉

頁面分爲2種  在tabBar中的頁面叫作tabBar頁面

                      在pages中的頁面叫普通頁面

頁面跳轉也分2中形式   一種是組件跳轉至關於a標籤      一種是代碼跳轉至關於locahost.href = ""

組件跳轉到普通頁面

            

<navigator  url="/pages/second/second" open-type="navigateTo">跳轉到第2頁面</navigator>

url：表示目標頁面的地址
open-type  目標頁面的類型
        當前頁面  onhide
        新頁面   onload   onshow   onready

組件跳轉到tabBar頁面

<navigator  url="/pages/second/second" open-type="swichTab">跳轉到第2頁面</navigator>

url：表示目標頁面的地址
open-type  目標頁面的類型
       當前頁面 onhide
       新頁面    若是已經點過  那麼執行onshow
                沒有點過   onload   onshow    onready
組件重定向頁面

<navigator  url="/pages/second/second" open-type="redirect">跳轉到第2頁面</navigator>

     當前頁面 onunload

     新頁面onload  onshow  onready

組件後退

<navigator  url="/pages/second/second" open-type="navigateBack">跳轉到第2頁面</navigator>

     當前頁面 onunload

     新頁面onshow

代碼跳轉到普通頁面  在對應得js中書寫

url：目標路徑

wx:navigateTo({

    url: "/pahes/third/third "

})

代碼跳轉到tabBar頁面

wx:swichTab({

    url: "/pahes/third/third "

})

代碼重定向

wx:redirect({

    url: "/pahes/third/third "

})

代碼後退

wx:navigateBack（）

傳遞數據的三種方式

一全局中轉  其實全局中轉就是在全局中的App.js中 設置一個方法  然後在每一個頁面中的js文件中引入這個方法  這就是全局中轉

在全局App.js中

1App({ 
2  abc: {
3    title: "ickt"
4  }
5})

在每一個單獨頁面的js文件中

var  APP = getApp（）；

獲得的app是一個對象  這個對象包括許多  在每一個單獨頁面中能夠運用

二利用query傳參    query是url中的一部分 

首先在轉換頁面時

1wx.navigateTo({
2  url: "/pages/second/second?a=1&b=2&c=3"
})

而後在跳轉到的頁面中的js文件中的onLoad方法中獲取攜帶的數據

1onLoad: function (options) { 
2  console.log(options);
}

三本地存儲

在每一個頁面的js中的onload事件中設置存儲方法

獲取內容    

wx.getSrorage({
    
    key: 存儲時的key

    success:function(res){}
})

res是一個對象   有data errMsg

設置內容

wx.setStorage({key:存儲的key,    data: 存儲的值})

移除一項 

wx.removeStorage({
    
    key: 移除項的名稱}
})

清除全部

wx.clearStorage();