【第7期】前端如何实现菜单记忆和用户操作的状态记忆

news/2025/1/15 18:18:15/

本期简介
背景一:我们平时使用到管理功能时,会涉及到打开了某个一级菜单,访问了某个二级菜单,打开了相应的页面,那么我们希望一级菜单当前时展开的,二级菜单当前时有选中颜色与其他未访问的菜单进行区分的,但是如果我们刷新了页面,页面会刷新,但一般情况一级菜单就都收起来了,二级菜单也没有了背景色,如何实现页面刷新后,菜单还保持着原来的状态,本期将会介绍实现过程。
背景二:与菜单记忆类似的还有用户操作习惯的记忆,比如用户对系统的设置,对样式/主题/窗口大小的拖动后,这就是用户行为习惯,用户希望下次访问页面的时候还是保持的这样的风格,这是比较符合用户预期的,这也是状态记忆,实现原理都是一样的。

  • 本期要点:
  1. 先看实现的效果图
  2. Iview菜单Menu的介绍
  3. 如何实现菜单记忆
  4. 如何实现用户操作的状态记忆

正文:今日待补充


http://www.ppmy.cn/news/1290620.html

相关文章

搭建宠物寄养小程序流程

近日,一地宠物寄养需求旺盛,元旦满房,春节几近饱和,一窝难求。随着市场需求的增长,对于很多宠物行业的商家,可以考虑开展宠物寄养服务,尤其是节假日的宠物寄养需求会更高。因此,商家…

高德地图信息窗体设置

1. 添加默认信息窗体 //构建信息窗体中显示的内容var info [];info.push(<div style"height: 36px; line-height: 45px; padding: 0px 20px; white-space:nowrap;">位置&#xff1a;北京</div>);info.push(<div style"height: 36px; line-heig…

ZZULI-新冠疫苗接种信息管理系统

✅简介&#xff1a;与大家一起加油&#xff0c;希望文章能够帮助各位&#xff01;&#xff01;&#xff01;&#xff01; &#x1f4ac;保持学习、保持热爱、认真分享、一起进步&#xff01;&#xff01;&#xff01; 目录 ✅简介&#xff1a;与大家一起加油&#xff0c;希望文…

【docker】安装docker环境并启动容器

一、安装docker 这里以centos系统为例安装docker环境 # 删除已有安装包 sudo yum remove docker \docker-client \docker-client-latest \docker-common \docker-latest \docker-latest-logrotate \docker-logrotate \docker-enginesudo yum install -y yum-utils # 设置源 y…

Android App从备案到上架全过程

不知道大家注意没有,最近几年来,新的移动App想要上架是会非常困难的,并且对于个人开发者和小企业几乎是难如登天,各种备案和审核。但是到底有多难,或许只有上架过的才会有所体会。 首先是目前各大应用市场陆续推出新的声明,各种备案截止日期到12月就要到最后期限责令整改…

kafka容灾演练的方案

背景 kafka可以通过MirrorMaker工具把集群的数据从一个集群同步到另一个集群&#xff0c;通过在另一个数据中心创建灾备集群的方式可以做到容灾的效果,但是如果我们不通过如此重量级的工具也想达到容灾演练的目的&#xff0c;可以怎么做呢 kafka简单容灾实现 当原kafka集群发…

HackTheBox - Medium - Linux - Bagel

Bagel 今天我开始了《Red Team Development and Operations A Practical Guide》的学习&#xff0c;保持学习&#xff0c;后面差不多到时机后就学CRTOⅡ Bagel 是一款中等难度的 Linux 机器&#xff0c;其特点是电子商店容易受到路径遍历攻击&#xff0c;通过该攻击可以获取应…

MySQL5.7InnoDB简介

官网地址&#xff1a;MySQL :: MySQL 5.7 Reference Manual :: 14.1 Introduction to InnoDB 欢迎关注留言&#xff0c;我是收集整理小能手&#xff0c;工具翻译&#xff0c;仅供参考&#xff0c;笔芯笔芯. MySQL 5.7 参考手册 / InnoDB 存储引擎 / InnoDB 简介 14.1 InnoDB…