小程序

1、小程序读写缓存

wx.setStorageSync('key', value);

wx.getStorageSync('key');

2、小程序返回上一页

wx.navigateBack({
  delta: 1,
});//返回上一页面

3、小程序上拉加载list

onReachBottom 方法小程序自带，注意，获取列表的方法单写在page外面即可

function name(){
}

调用的时候

name();

注意 page height100% 并且直接使用view标签，不要用scroll-view

4、小程序弹窗

Object object

属性	类型	默认值	必填	说明	最低版本
title	string		是	提示的内容
icon	string	'success'	否	图标
image	string		否	自定义图标的本地路径，image 的优先级高于 icon	1.1.0
duration	number	1500	否	提示的延迟时间
mask	boolean	false	否	是否显示透明蒙层，防止触摸穿透
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）

wx.showToast({
    title: '成功',
    icon: 'success',
    duration: 2000,
    success:function(){
    
    }
})

值	说明	最低版本
success	显示成功图标，此时 title 文本最多显示 7 个汉字长度
loading	显示加载图标，此时 title 文本最多显示 7 个汉字长度
none	不显示图标，此时 title 文本最多可显示两行，1.9.0及以上版本支持

5、小程序跳转下一页

wx.navigateTo({
            url: "/team/team/my_team?team_id=" + dataset.tid
        });

 

6、小程序删除确认框

wx.showModal({
  title: '提示',
  content: '这是一个模态弹窗',
  success (res) {
    if (res.confirm) {
      console.log('用户点击确定')
    } else if (res.cancel) {
      console.log('用户点击取消')
    }
  }
})

属性	类型	默认值	必填	说明
title	string		否	提示的标题
content	string		否	提示的内容
showCancel	boolean	true	否	是否显示取消按钮
cancelText	string	'取消'	否	取消按钮的文字，最多 4 个字符
cancelColor	string	#000000	否	取消按钮的文字颜色，必须是 16 进制格式的颜色字符串
confirmText	string	'确定'	否	确认按钮的文字，最多 4 个字符
confirmColor	string	#576B95	否	确认按钮的文字颜色，必须是 16 进制格式的颜色字符串
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）

object.success 回调函数

参数

Object res

属性	类型	说明	最低版本
confirm	boolean	为 true 时，表示用户点击了确定按钮
cancel	boolean	为 true 时，表示用户点击了取消（用于 Android 系统区分点击蒙层关闭还是点击取消按钮关闭）	1.1.0

7、小程序上拉加载列表

moreData: !1 data声明

接口调用成功

var n = !1;
var members_tmp = s.data.data;
 _this.data.count == members_tmp.length && (n = !0);
  var members = _this.data.page == 1 ? members_tmp : tthis.data.members.concat(members_tmp);
 _this.setData({
      members: members,
      page: _this.data.page + 1,
      moreData: n
 });

onReachBottom: function () {
        this.data.moreData && this.getMember();
    },

对于有tab切换的界面，连续点击可能会出现重复加载，解决办法，把page+1放在onReachBottom方法中

8、微信小程序页面跳转报错：navigateTo:fail can not navigateTo a tabbar page

如果在这种情况下无法实现跳转并出现can not navigate to tabBar page错误，

很有可能是由于在底部tabbar里面定义乐同样连接地址的bar,如果在底部footer页面定义了相同地址的bar,则此页面无法跳转，

解决方法：

wx.switchTab({
         url: '路径'
});

9、图片点击放大预览

单张图片

<image src='{{info.photo}}' wx:if="{{info.photo}}" bindtap="showBanner" data-src="{{info.photo}}"></image>

 

//查看图片
    showBanner:function(e){
        var src = e.currentTarget.dataset.src;
        wx.previewImage({
            urls: [ src ],
            current: src
        });
    },

多张图片

previewImg:function(e){
    console.log(e.currentTarget.dataset.index);
    var index = e.currentTarget.dataset.index;
    var imgArr = this.data.imgArr;
    wx.previewImage({
      current: imgArr[index],     //当前图片地址
      urls: imgArr,               //所有要预览的图片的地址集合 数组形式
      success: function(res) {},
      fail: function(res) {},
      complete: function(res) {},
    })
  }