微信小程序相关

137 阅读1分钟

1.小程序中H5页面返回首页

判断当前浏览器环境;微信浏览器中使用wx.miniProgram.navigateBack返回首页

//window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息,
//这个属性可以用来判断浏览器类型;只不过window对象是浏览器的全局对象,可以省略window关键字
            let ua = navigator.userAgent;

            if (/micromessenger/i.test(ua)) {
                wx.miniProgram.navigateBack({
                    delta: 1
                });
            } else {
                ejs.page.close();
            }
  • 正则表达式中的/i标志表示忽略大小写,这里可以不用转小写
  • wx.miniProgram.navigateBack是小程序的API,而wx.navigateBack是小程序开发者工具的API。两者的功能都是返回上一个页面,但是在实际使用过程中可能有一些细微的差别。

2.小程序数据缓存

  • wx.setStorageSync和# wx.setStorage
  • wx.setStorageSync是同步缓存,会阻塞后面代码执行,但是使用简便 wx.setStorageSync('key', 'value')
  • 提升代码运行效率可以选择后者

3.小程序存储在Storage内的用户信息,传递给Webview页面

小程序中存储 wx.setStorageSync("userinfo","myinfo") h5中存储 localStorage.setItem("userinfo","myinfo");

  • 例如要传递userguid,拼在webview的url后面,使用动态传值