小程序常用代码

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）正在整理中