小程序常用代码
1)导航(页面跳转)
wx.navigateTo //保留当前页跳转 wx.redirectTo //关闭当前页跳转 wx.reLaunch //关闭所有页跳转 wx.switchTab //关闭所有非tabBar页,并跳转到tabBar页 wx.navigateBack //关闭当前页,返回上层第i页:delta:i(当i>总页,则返回首页)
2)缓存
wx.setStorage //异步覆盖key内容 wx.getStorage //异步获取key内容 wx.removeStorage //异步移除指定key wx.clearStorage //异步清理所有key wx.getStorageInfo //异步获取缓存相关信息 wx.setStorageSync //同步覆盖key内容 wx.getStorageSync //同步获取key内容 wx.removeStorageSync //同步移除指定key wx.clearStorageSync //同步清理所有key wx.getStorageInfoSync //同步获取缓存相关信息
3)获取data-x的值
例如要获取<view data-id=‘1’></view>中的id的值
e.target.dataset.id
e.currentTarget.dataset.id
4)获取url的值
例如要获取test.html?id=1中的id的值,可在onload中写
options.id
5)不触发父级的点击事件
以下代码,点击bindB,不会触发bindA事件
<view bindtap="bindA"> <view catchtap="bindB"></view> </view>
6)设置标题
wx.setNavigationBarTitle({title:"标题"}) //在js文件中 {"navigationBarTitle":"标题"} //在json文件中
7)页面等分
不论手机屏幕大小,宽度均为750rpx,由微信底层自动计算屏幕像素
3等分)间距30,元素宽210 x 口 x 口 x 口 x
4等分)间距30,元素宽150 x 口 x 口 x 口 x 口 x
5等分)间距30,元素宽114 x 口 x 口 x 口 x 口 x 口 x
6等分)间距30,元素宽90 x 口 x 口 x 口 x 口 x 口 x 口 x
8)正在整理中