小程序常用语法

一、小程序本地缓存:

同步
设置
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

 

 

 

 

 

你可能感兴趣的:(前端学习)