[WeChat]关于小程序左上角的返回按钮事件的替换方案 - [有缺陷]

微信小程序登录页和主页如何优雅地隐藏返回按钮?一个wx.reLaunch + wx.hideHomeButton的实战配置 本文详细解析了微信小程序中如何优雅隐藏登录页和主页的返回按钮,通过wx.reLaunch和wx.hideHomeButton的实战配置实现无返回按钮的流畅体验。文章深入探讨了API工作原理、完整实现方案及进阶技巧,帮助开发者提升小程序导航栏的用户体验。 阅读详情

写在前面, 由于小程序的左上角返回按钮事件,没有能直接用的方案(ps:我在官方文档上以及官方社区上没找到,望找到的大神告知,不胜感谢), 只能在事件逻辑上拦截,但是会产生一个体验度不好的缺陷

缺陷
是会在跳转目标页的时候,会有一个跳转到祖级页面,祖级页面又跳回父级页面的bug!!! 看上去就觉得在乱跳页面

场景
页面栈: 活动列表页 => 活动详情页 => 活动参加发布页
前提: A 在活动详情页跳转发布页,关闭活动详情页, 进入(新开的页面)发布页

  1. 发布页(当前页面)是存在交互接口,点击发布按钮,关闭当前页,新开页面跳转到名义上的父级页面(活动详情页),这一步没有问题
  2. 如果用户在发布页(当前页面),没有啥上传或输入的操作,直接点击左上角的返回按钮返回,由于父页面(活动详情页)已关掉,就会直接跳到祖页面(活动列表页),这体验就相当的差了
    前提:B 在父级页面跳转子页面时,不关闭父级页面
    1.同场景A的第一步,但是在父级页面再点击左上角的返回按钮时 ,就会出现两个看上去一样的页面
  3. 在当前页面啥操作没有直接点击左上角的返回按钮,这一步没有问题

通过场景复现可以看出,由于小程序没有直接的控制左上角的返回按钮事件,只能进行事件逻辑模拟操作

有下面的两个思路

  1. 还是关闭活动详情页,新开页面进行操作
  2. 在发布页设置一个是否通过onUnload进行跳转的变量isSkipByOnUnload:true
  3. 在发布页点发布按钮之后,跳转时,也新开页面跳转到名义上的父级页面(活动详情页),同时设置isSkipByOnUnload为false,就可以避开onUnload的跳转事件
  4. 在无操作点击返回时, 这时isSkipByOnUnload 为true, 在onUnload中新开页面返回名义上的父级页面(活动详情页),看上去的乱跳页面就是在这里产生的,(实际上会先跳回活动列表页再跳回活动详情页)

页面栈中两个相同页面的问题解决了,新的问题又出现了,还未找到新的解决方案,暂时记录下,做备用方案

uni-app微信小程序登录页隐藏原生导航栏返回首页按钮详解 在移动应用开发中,导航栏是用户交互的核心组件之一,其行为逻辑直接影响用户体验。微信小程序等平台的原生导航栏提供了默认的返回首页功能,通过页面栈管理机制自动判断显示时机。然而,在登录、支付等需要连续操作的特定业务场景下,这一默认行为可能中断用户流程,造成体验割裂。开发者需要掌握平台提供的API(如wx.hideHomeButton)进行动态干预,并结合uni-app等跨端框架的条件编译特性,实现精准的页面级控制。这体现了前端工程中处理平台差异性与业务定制化需求的核心能力,是提升小程序产品体验的关键实践。 阅读详情

相关推荐

chmod: changing permissions of `/u01/app/oracle/product/11.2.0/dbhome_1/bin/extjobO‘: Operation not

oracle 11.2.0.4安装psu 29141056,日志末尾抛出报错 Patching component oracle.ctx, 11.2.0.4.0... Applying sub-patch '29141056' to OH '/u01/app/oracle/product/11.2.0/dbhome_1' Patching component oracle.rdbms, 11.2.0.4.0... Patching component oracle.rdbms.rman, 11.2.0.

m0_37625564的博客 1834

机器人动力学与控制学习笔记(一)————机器人控制概述

一、概述 1、机器人控制的目的 对自由运动机器人来说,控制的目的是要控制机器人手端的位置和姿态(以后统一简称为位姿),即所谓位置控制问题。这时希望机器人手端所达到的位置称为期望位置或期望轨迹。期望轨迹可以在机器人任务空间中给出,也可以通过逆运动学关系转化为机器人关节空间中的期望轨迹。期望轨迹通常有两种形式:一种是一个固定位置(即固定点),另一种是一条随时间连续变化的轨迹。自由运动机器人位置控制的目的,是要使机器人手端从任意起始位置出发都能到达期望轨迹。当期望轨迹是固定点时的位置控制称为定...

冰与火的青春的博客 6883

基于Canfestival的对象字典工具objdictedit.py的运行环境配置

本文以菜狗的视角,一步一步地对对象字典的环境进行配置,旨在能给读者一个比较详细的参考,不恰之处,还请指正。

在线求职中... 3711

宇树G1双足机器人SLAM开发环境搭建实战指南

SLAM(同步定位与建图)是机器人自主导航的核心技术。在双足人形机器人平台上,由于运动模型复杂、机身晃动带来高频IMU噪声,SLAM开发对环境配置和依赖管理提出了更高要求。以宇树G1为例,系统阐述如何通过Ubuntu 20.04、ROS Noetic与Docker容器化方案构建可复现的SLAM开发环境。先介绍依赖分层管理与版本锁定原理,再深入catkin工作空间编译、传感器驱动集成、网络与多机通信配置等工程实践,最后提供常见问题排查与避坑指南。这套方法论不仅适用于G1,也可迁移至其他双足或轮式机器人平台,帮

weixin_32025789的博客 270

程序员的自我修养

一个好的程序员的自我修养需要从不同角度出发,工作能力是一个方面,对自身的定位和了解也是一个方面,程序员的工作能力修养包括需求理解、功能设计、沟通确认、代码规范、成果验证、代码重构优化等,通过自我剖析来对自身进行定位并了解自身的优缺点,如去除劣根性、端正意识形态与态度、提升自己的核心竞争力等。 自我剖析 一个成功的人,必须要先了解自己,只有了解自己是什么样的人,了解自身有哪些优缺点,了解自己更合适做什么工作,知道自己做什么才能发挥出自身的优势,这样才能使自己在工作中发光发热,在职业生涯的道路上走的更远。

数通畅联 1678

CUDA内核反汇编实战:用cuobjdump解锁SASS指令的奥秘

本文详细介绍了CUDA内核与SASS指令的关系,以及使用cuobjdump工具进行反汇编分析的方法。主要内容包括:1. CUDA内核的基本概念及其在GPU并行计算中的重要性;2. SASS指令作为底层汇编指令的关键作用;3. cuobjdump工具的安装配置和使用方法;4. 通过数组加法实例演示反汇编过程;5. 深入分析SASS指令格式、分类和执行流程;6. 两个实际案例展示性能优化和问题排查的应用。文章为开发者提供了深入理解CUDA程序底层执行机制的有效途径。

远程部署调试 运行安装 项目调试 二次开发 项目技术新 持续迭代 部分源码免费分享 439

大数据学习指南从入门到精通

利用框架的力量,看懂游戏规则,才是入行的前提大多数人不懂,不会,不做,才是你的机会,你得行动,不能畏首畏尾选择才是拉差距关键,风向,比你流的汗水重要一万倍,逆风划船要累死人的为什么选择学习大数据开发,不选择Java开发?借棋弈做比喻,智商高的不要选择五子琪,要选择围棋,它能长久地吸引你。不都是在棋盘上一颗黑子一颗白子地下吗?因为围棋更复杂,能够掌握如此复杂的技艺、产生稳定输出的棋手、让我们更佩服。选择学习大数据开发也如此,能让你的职业生涯走得更远,少走弯路。

Lansonli(蓝深李)的博客 2万+

YOLOv11 改进 - 特征融合 | 小目标检测救星:DySample动态上采样减少特征丢失

本文介绍了超轻量且高效的动态上采样器DySample与YOLOv11的结合,以解决传统上采样器工作负载大、应用场景受限的问题。DySample从点采样角度构建上采样,绕过动态卷积,使用PyTorch标准内置函数实现,无需定制CUDA包,能大幅减少参数、FLOPs等资源消耗。我们将DySample代码集成进YOLOv11。实验脚本显示,结合DySample的YOLOv11在多个密集预测任务中或表现出色。

魔改工程师的博客 1418

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

上一篇: [python][scrapy]没有上一页下一页只有页码的简单操作
下一篇: [WeChart]微信小程序抓包步骤
AlexKain
博客等级 码龄8年 35粉丝 105原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值