小程序常用語法

一、小程序本地緩存:

同步
設置
wx.setStorageSync('key','value');
獲取
wx.getStorageSync('key');
刪除
wx.removeStorageSync('key');



異步
設置
wx.setStorage({key:'key',data:'value'});
 
通過回調函數返回獲取的值
wx.getStorage({
  key: 'key',
  success (res) {
    console.log(res.data)
  }
})
刪除:
wx.removeStorage({
  key: 'key',
  success (res) {
    console.log(res)
  }
})

二、小程序全局變量和局部變量:

參考自:https://www.w3h5.com/post/156.html

1.頁面data的賦值和取值:(注意賦值需要調用方法)
1.1給 data 內的變量賦值,可以通過 setData 給他進行設置,取值可以用 this.data.object 的方式獲取。
1.2示例:
onLoad: function (options) {
    let that = this;
    that.setData({
      text: 'Happy Day!',//在該生命週期函數中給data賦值
    })
    console.log(that.data.text);//取data中的值
},

1.3渲染層可以通過{{text}}對數據進行綁定。

2.全局變量的取值和賦值:
直接如下便可以取值和賦值
app.globalData.key

三,自定義組件

所謂的自定義組件其實就是複用代碼片段,在自定義組件的js中沒有生命週期函數,可以在調用組件的頁面的js中處理業務邏輯,然後在頁面中調用組件的方法,來處理組件內部的邏輯,示例如下:

https://blog.csdn.net/qq_36611526/article/details/80567964

四、獲取自定義標籤屬性       

在標籤中定義屬性: data-lang
在方法中獲取:e.currentTarget.dataset.lang

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章