微信小程序随手笔记

1.全局导入vant时build后有问题(只能页面引入)

2.微信小程序只能用：https开头,在微信公众号里还要修改下配置

3.微信小程序里textarea与vant的van-popup有问题，手机上没弹出键盘

4.cover-view不支持iconfont等图标

5.在微信小程序使用vant的复选框有问题，比如在购物车里，如果只剩有一个复选框组(父选框)，复选框组里面有2个复选框(子选框)，一个子选框选中，另一个未选中，从别的页面再进来，父选框还是选中状态。所以最好用icon图标代替.

6.微信小程序在一个方法A调用另一个方法B时，最好先把数据渲染到data里，然后另一个方法B里面再从Data里拿值，不然方法A里的值变了，但是方法B里面的值还是原来的数据，出现了闭包问题。如：

lotteryByShopId(){

　　api.getLotteryByShopId().then(res=>{

　　　getDollarDrawTime(this, res.data.timeMs)

　　})

}

function getDollarDrawTime(that, timeMs) {

var total_micro_second = timeNews.countDownTimeLong - new Date().getTime() || [];

if (total_micro_second <= 0) {

that.lotteryByShopId()

return false;

}

let _timeNumber = setTimeout(function() {

total_micro_second -= 1000;

timeMs -= 1;

getDollarDrawTime(that, timeMs);

}, 100)

}

7.如果wx.navigateTo({url: "/pages/XXX"});里要携带参数是对象时，可以用JSON.stringify(Object)把对象转成String字符串，然后在onLoad(option)生命周期里再用JSON.parse(String)把string转对象。

或者在页面A把数据存到本地缓存中wx.setStorageSync(key,value)，然后在页面B用wx.getStorageSync(key)获取数据

 8.微信小程序页面不要直接用video，建议先用image显示封面和播放按钮，点击后使用video，避免原生video自动播放Bug

 9.微信小程序页面css里计算宽高时，最好使用calc()函数，详细讲解：https://www.html.cn/book/css/values/functional/calc().htm。如：

width: calc((unit(100, vw) - unit(160, rpx)) / 3 + unit(3, rpx));
height: calc((unit(100, vw) - unit(160, rpx)) / 3 + unit(3, rpx));