小程序

120 阅读1分钟

1.登录

image.png

1.1获取用户信息报错,把基础库版本改成2.21

image.png

1.2全局变量

在app.js里面定义全局变量

globalData: {//全局变量
    amap: 'amap',
  },

在其他页面使用全局变量

   const app = getApp();  //引入全局变量
   app.globalData.amap="你好小程序"    //修改全局变量
   console.log( app.globalData.amap);

2.缓存存储

2.1保存token
wx.setStorage({

key:"token",

data:"13112408523"

})
2.2获取token
wx.getStorage({

key: 'token', //名字key

success (res) { //获取成功

console.log(res.data)

}})

项目问题

多个异步请求问题

  1.当有2个异步请求时,第一个异步完毕之后才能拿到数据进行下一个异步请求时,
  则需要给后一个异步请求封装成一个定时器,因为异步无法判断谁先后执行

使用push出现object的问题

image.png

image.png

就是因为console里面+的原因,首先,我们的代码中有+(加号)运算符,它在这种情况下(字符串 + 其它什么东西),会调用toString()方法,将其它类型的东西转化为字符串,再和原始字符串拼接成一个字符串

在回调函数里保存数据到变量的时候,无法保存

是因为回调函数里面也有一个this对象,当你使用this.data.数据,的时候,发现并不会拿到this.setDate({})的数据,这个时候可以用箭头函数,

方法一 箭头函数:箭头函数的this,指向的是外层的this,这样就可以解决

image.png

方法二:把外层的this保存到一个变量,通过这个变量去操作外面的this

image.png

flex布局

把里面的2个盒子2边对齐

  align-items: center;justify-content: space-between

设置几个盒子宽度平分

image.png