微信小程序 - 判断page是否可见

最新推荐文章于 2023-12-14 18:10:37 发布
最新推荐文章于 2023-12-14 18:10:37 发布
阅读量1.8k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csu_passer/article/details/88600291
本文介绍了一种提升小程序性能的方法：通过监听' shop '变化，在页面可见时更新数据，避免在页面不可见时进行setData操作，从而减少资源消耗，提高用户体验。

为了提升小程序的性能，回调函数需要在页面不可见时不setData，而在OnShow中处理。
我们可以利用页面栈来判断：

app.$watch('shop', (val)=>{
       const pages = getCurrentPages();
       if(this === pages[pages.length-1]){
         this.setData({ shop: val })
       }
     })
关于微信小程序根据本地缓存的是否存在来判定其他页面是否存在
若无相衬
04-07 1万+
微信小程序的本地缓存的获取以及清除,保存可以说是每个玩小程序的人必须接触的. 昨天领导给我一个任务,借助微信第三方获取用户的信息,当用户第一次登陆时,会获取用户的信息,并让其完成附加的认证,然后存在本地.用户下次登录时就不需完成认证.废话不说,先上代码“` // pages/login/login.js Page({ data: { // mo为动态添加关联验证的display
微信小程序判断wx:if wx:for template
热门推荐
xingguanghui_1134的专栏
06-26 1万+
view是组件类 wx:if true 4}}">5 4 2 使用block控制多个标签，不是一个组件，仅仅是包装元素。不在页面做任何渲染。 ===========wx:if  和hidden=============== wx:if是惰性的初始渲染条件为真的时候才渲染。 hidden始终被渲染，如果是频繁切换情景使用hidden. *********列表渲染*
在微信小程序中 判断当前页面是重新打开，还是从其他页面返回，还是tabbar切换页面
javafg的博客
03-24 3937
1.在 data 数据中声明一个变量 isClose， 默认为 true 。用来判断是正常打开，还是从其他页面返回。 2.当点击跳转页面或者关闭小程序的时候，会触发 OnHide 函数，在此函数中将判断 isClose is true 的时候即为正常打开。 3.当跳转页面时首先将 isClose 设置为 false, 这样 触发 OnHide 函数的时候，isClose is false并不会执行， 4.进入跳转的或者tabbar切换页面，然后在由页面进行返回这是会触发跳转的页面的 OnUnload 函数
微信小程序--判断目标元素是否在可视区域内（可视区域播放视频）
最新发布
别告诉我有Bug
12-14 2195
微信小程序判断目标元素是否在可视区域内（可视区域播放视频） 1、创建对象实例 2、获取/指定界面上的节点信息 3、判断节点是否在当前屏幕可视区域
小程序页面监视
秋来九月八
12-18 1063
小程序有许多种，微信小程序、钉钉小程序、uni-app、Taro 之类的。 页面监视 在小程序中是有生命周期的。 当你搜索小程序生命周期，就能发现 onShow 和onHide这两个方法， 一共用来监视页面是否显示，一个用来监视页面是否隐藏。 但有的时候，我们无法使用小程序的生命周期。 比如我手中的一个项目， 使用的是vue + vant 的方式来写小程序页面，vue组件中如何检测某个组件是否显示呢 通过路由？路由守卫？只要跳转到那个页面，必定会触发路由守卫里面的函数，这的确是一种方法，但总感觉有点麻烦。
判断当前页面的可见性——visibilitychange属性的应用
weixin_33714884的博客
01-17 337
前段时间需要写一个程序的demo，演示给领导，写起来是简单，但是没想到微信那边对小程序的审核卡得很严，因为涉及到视频播放====各种改小程序类型，两个小程序分别提交同一套代码，提交了好几次，最后终于是给我过了一次.。。最后不得不考虑改为小程序web-view内嵌h5页面，虽说小程序的api里面关于视频播放的还是挺好使的，但是代码审核就是个...
微信小程序，获取当前页面，判断当前页面是不是tabbar页面
坐等夕阳落time的博客
05-25 8156
原理：用getCurrentPages()方法，获取用户访问的所有页面，最后的那个页面就是当前页 然后有route属性，就知道当前页面的路径了，再和tabbar页面的路径对比就好了 let pages = getCurrentPages() console.log(pages) if(pages.length > 0) { let prevPage = pages[pages.length - 1] if (prevPage.route === 'pages/index/index' .
微信小程序复杂条件判断按钮显示隐藏
zhudingfengshen的博客
12-09 2582
背景概述: 第二个和第三个view根据条件判断显示，第一个view根据条件判断是否在任一页面显示。 <view class="root"> <view wx:if="{{(hasRecord || length > 0) && apiFinished }}" class="navigate-wrapper"> *** </view> <view wx:if="{{hasAuth&& a
小程序中 判断当前首页是从其他页面返回，还是由入口打开
zgmu的专栏
05-25 1万+
由于小程序的数据在我们退出小程序时并没有得到释放，因此再次点击开来数据依然没有变成初始化 解决方法：在小程序 data 数据中声明一个变量 isClose 默认为 true 用于判断 是否为从入口打开，当点击跳转页面或者关闭小程序的时候，会触发 OnHide 函数在此函数中将判断 isClose is true 的时候即为关闭之后在打开，当跳转页面时首先将 isClose 设置为 fals
微信小程序学习：页面标签内写判断语句。
sziitjin的博客
09-17 1523
style="color:{{grade?'#F37F00':'#999999'}}"
微信小程序判断页面是否从其他页面返回的实例代码
12-03
微信小程序判断页面是否从其他页面返回，具体内容如下所示： 在 data 中自定义一个标记变量，在onLoad里 Page({ data: { isNewOpen: true, //判断当前页面是新打开还是从其他页面返回 list: [], page: 0 }, onLoad: function() { this.getList() }, getList () { // ... }, goDetail (e) { this.setData({ isNewOpen: false }) wx.navigateTo({ url: `/pag
微信小程序--判断返回页面是否从其他页面返回，判断是否需要刷新请求
ajiyi的博客
10-08 4793
判断当前页面是重新打开，还是从其他页面返回 有时候在其它页面进行操作（包含对数据的增删改查等）后，回到主页，由于数据改变，可能需要进行数据的重新请求，以确保数据的准确性和实时性。 这时候就需要了解一下微信小程序的页面的生命周期的相关知识，知道基本的页面显示的基本过程。 页面在初次加载的时候，微信客户端就会给Page实例派发onLoad事件，Page构造器参数所定义的onLoad方法会被调用，on...
微信小程序判断按钮是否显示，或者隐藏
weixin_30498807的博客
03-02 5226
js中： onLoad:function(options) { 　　this.setData({ 　　　　orderstate:'待送检' 　　}) }, WXML中： <view wx:if="{{orderstate}} = '待送检' " > 若不是待送检，则显示不出来 　　<view>取消送检</view>...
微信小程序 判断当前页面是重新打开，还是从其他页面返回
Nina_xy123的博客
08-07 1万+
微信小程序 判断当前页面是重新打开，还是从其他页面返回 在小程序中设置变量用来判断是否是从其他页面返回 在 data 数据中声明一个变量 isClose， 默认为 true 。用来判断是正常打开，还是从其他页面返回。当点击跳转页面或者关闭小程序的时候，会触发 OnHide 函数，在此函数中将判断 isClose is true 的时候即为正常打开。当跳转页面时首先将 isClose 设置为...
微信小程序之判断目标元素是否在可视区域内
qq_41548644的博客
11-08 6214
1、获取可使用窗口高度 const { windowHeight } = wx.getSystemInfoSync() 2、添加目标元素布局位置查询请求 const query = wx.createSelectorQuery() query.select('#myElement').boundingClientRect() 3、判断元素是否在可视区域内 // windowHeight = top（目标元素刚进入可视区域） // windowHeight - top = height（目标元素完全进入可
微信小程序之判断页面滚动方向
weixin_33895695的博客
08-29 1473
需求 微信小程序中如果判断页面滚动方向？ 解决方案 1.用到微信小程序API 获取页面实际高度 nodesRef.boundingClientRect([callback])监听用户滑动页面事件onPageScroll。 2.获取页面实际高度 <!--WXML--> <view id="box"> <v...
小程序 判断上个页面是不是某个页面
miin_ying的博客
05-12 1449
1.在onload 生命周期中运行一下代码获取上个页面的路由。由路由判断是否是指定页面 onLoad:function(){ let pages = getCurrentPages(); //页面对象 let prevpage = pages[pages.length - 2]; //上一个页面对象 let path = prevpage.route;//上个页面路由url字符串 比如：‘page/prevDetail/prevDetail’ if(path==='...
小程序获取当前页面url
IT小智博客
05-06 1万+
使用getCurrentPages可以获取当前加载中所有的页面对象的一个数组，数组最后一个就是当前页面。var pages = getCurrentPages() //获取加载的页面 var currentPage = pages[pages.length-1] //获取当前页面的对象 var url = currentPage.route //当前页面url var op...
小程序 - 判断元素是否在页面的显示区域内 wx.createIntersectionObserver
weixin_42340514的博客
10-15 2007
onLoad() { this._observer = wx.createIntersectionObserver() this._observer //.relativeTo('.scroll-view') .relativeToViewport() //指定页面显示区域作为参照区域之一 .observe('.ball', (res) => { //在参照区域里监听目标节点是否显示 console.log(res); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值