22/12.7

1、Math.abs() 取一个值的绝对值

2、parseInt

parseInt 是Javascript内置函数，原型为parseInt ( String s , [ int radix ] )，用于解析一个字符串，并返回一个整数

3、获取两个时间端中间的周数

  1. function getWeeks(date1, date2) {
  2.   return parseInt( Math.abs(date2-date1)/1000/60/60/24/7 );
  3. }

22/12.8

1、关于微信小程序onLoad生命周期问题；

微信小程序生命周期 onLoad，如果是navigateBack() 回退回来的才不会触发 onLoad()， 通过navigateTo()跳转的都会触发 onLoad()

2、关于微信小程序switchTab跳转不触发 onLoad问题的解决方法

  1. wx.switchTab({
  2.   url:'/pages/index/index',
  3.   success(e){
  4.     let page = getCurrentPages().pop();
  5.     if(page == undefined || page === null) return;
  6.     page.onLoad();
  7.   }
  8. })

3、从数组中获取连续数并输出；

  1. let tempArr = [1,2,3,5,6,8,9,10,12,16,100];
  2. let current;
  3. let arr = [];
  4. let allArr = [];
  6. tempArr.forEach(i => {
  7.     if(i === current){
  8.     arr.push(current);
  9.     current++
  10.     return ;
  11.   }
  13.   arr = [i];
  14.   current = i + 1
  15.   allArr.push(arr);
  16. })
  17. console.log(allArr)

22/12.10

1、使用微信小程序插件 painter 实现保存

image.png
注意：

  1. 如果图片比较模糊，直接设置 scaleRatio
  2. imgOK是图片生成成功的回调函数
  3. onSave 保存图片，下图为设置背景image.png
  4. 字符串 居中 ```javascript css: { top: ‘252rpx’, fontSize: ‘59rpx’, color: ‘#ffffff’,fontWeight:’bold’, width:’750rpx’,textAlign:’center’ }

// 他是按照宽度居中 需要添加 textAlign:”center”属性

  2. 5. 添加矩形背景

{ type:’rect’, css:{ top: ‘352rpx’, left: ‘190rpx’, width: ‘369rpx’, height: ‘67rpx’, color: ‘#FFFFFF’, // color为背景色 borderRadius: ‘33rpx’, } } ```

2、微信小程序分享函数传参，和自定义图片

1、传参 data-xxx = ‘xxxx’ 取参 e.target.dataset.xxx
2、分享自定义图片，在onShareAppMessage()方法中 return的参数中新增一个promise, 如下图
image.png