小程序常用代码

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

 

小程序常用代码

上一篇:代码签名证书的作用及分类


下一篇:微信小程序wxss制作扭蛋机