阿里云企业网站备案,建筑英才网招聘信息,来个网站吧好人一生平安,wordpress文章生成二维码目录
一、本地数据存储 wx.setStorage wx.setStorageSync 1.1、异步缓存 存取数据
1.2、同步缓存 存取数据
二、使用url跳转路径携带参数
2.1、 wx.redirectTo({})
2.2、 wx.navigateTo({})
2.3、 wx.switchTab({})
2.4 、wx.reLaunch({}) 2.5、组件跳转
三、…
目录
一、本地数据存储 wx.setStorage wx.setStorageSync 1.1、异步缓存 存取数据
1.2、同步缓存 存取数据
二、使用url跳转路径携带参数
2.1、 wx.redirectTo({})
2.2、 wx.navigateTo({})
2.3、 wx.switchTab({})
2.4 、wx.reLaunch({}) 2.5、组件跳转
三、globalData全局 一、本地数据存储 wx.setStorage wx.setStorageSync 在微信小程序中大多数的数据操作都是异步的包括像 wx.setStorage 这样的存储数据的方法。异步操作意味着当调用这些方法时程序会继续执行后续的代码而不会等待这些方法执行完成。当这些异步方法执行完成时会通过回调函数来返回结果或执行后续逻辑。 而同步操作则是指方法执行时会阻塞后续代码的执行直到该方法执行完成才会继续执行后续代码。 针对 wx.setStorage 方法它是一个异步的数据存储方法优势和区别主要体现在以下几点 非阻塞异步方法不会阻塞后续代码的执行可以提高程序的响应速度和性能。 避免页面假死如果使用同步方法进行数据存储可能会导致页面假死用户体验会受到影响。 更好的并发控制异步方法适用于需要处理大量并发请求的场景能更好地控制多个操作之间的执行顺序和结果处理。 总的来说异步方法能够更好地保持程序的响应性和用户体验而同步方法可能会导致页面假死、响应迟缓等问题。因此在小程序开发中推荐使用异步方法进行数据操作如 wx.setStorage确保程序的流畅性和性能 1.1、异步缓存 存取数据 wx.setStorage({ // 异步存储数据key: user,data: zhangsan,})wx.getStorage({ //异步取出数据key: user,success: function(res) {console.log(res)},});
1.2、同步缓存 存取数据 wx.setStorageSync(name, 张三) //同步存储数据wx.getStorageSync(id) //同步取出数据
二、使用url跳转路径携带参数
2.1、 wx.redirectTo({}) 不允许跳转到 tabBar
///关闭当前页面跳转
wx.redirectTo({url:/pages/index/index?id999})
//跳转的页面上js 获取onLoad(options) {console.log(options);
},
2.2、 wx.navigateTo({}) 不允许跳转到 tabBar
//保留当前页面跳转到应用内的某个页面
wx.navigateTo({url: /pages/user/index?id999});
//跳转的页面上js 获取onLoad(options) {console.log(options);
},
2.3、 wx.switchTab({}) 只能跳转到tabBar页面且不能携带参数 wx.switchTab({url: /pages/index/index}) 2.4 、wx.reLaunch({}) 关闭所有页面打开到应用内的某个页面 wx.reLaunch({url: /pages/index/index?id999})
//跳转的页面上js 获取onLoad(options) {console.log(options);
}, 2.5、组件跳转
效果跟上面一模一样注意事项也是一样只是形式不同罢了 viewnavigator open-typeswitchTab url/a/navigatornavigator open-typereLaunch url/a?id1/navigatornavigator open-typeredirectTo url/a?id1/navigatornavigator open-typenavigateTo url/a?id1/navigator
/view 三、globalData全局 globalData类似vue中的vuex当globalData中数据发生改变时页面上之前赋值信息不回发生改变如果要求改变的话也需要改变可以在切换页面的时候 在onShow中再重新赋值。 // app.js 类似vuex 全局可以
App({globalData:{},
})
// a.js
const app getApp();
app.globalData.tokensdasdasd;
//b.js
const app getApp();
console.log(app.globalData.token) //sdasdasd
