页面跳转后的返回使用缓存

最新推荐文章于 2024-03-31 16:03:20 发布
最新推荐文章于 2024-03-31 16:03:20 发布
阅读量1.3k 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ai_xue_xi/article/details/8291214
在最近的项目中，场景如下：查询条件在一个页面包括添加按钮（top.jsp），而查询的结果在该查询页面的Iframe中需要查询出来列表后选择添加按钮后进行跳转到一个新的页面比如add.jsp再返回时能回到原来查询结果的页面。具体方法如下：先把top.jsp中的查询条件中所有页面信息（除Iframe外）用一个div围起来并默认把它的Style.display="block",在点击添加按钮时把该div得style.display="none",并把链接改为在Iframe中显示。当add.jsp中按返回时把parent.div.style.display="block"并加上window。history.back()就能实现了。
ai_xue_xi
关注
如何对指定的路由跳转进行组件缓存？
m0_69099757的博客
11-22 559
如何对指定的路由跳转进行组件缓存？
js-vue页面路由跳转（存入缓存）-多个复杂循环跳转返回
岂不闻
05-10 775
vue页面路由跳转（存入缓存）-多个复杂循环跳转返回， 利用sessionStorage缓存跳转前的路径。每一次进行跳转时进行缓存当前的路径。在进行需要返回时取出最新的路径，并从缓存中进行删除，进行对应的跳转返回。
页面返回时，有缓存，强制刷新（2种方法）
u011927449的博客
08-27 1180
//第一种方法<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script src="js/jquery-2.1.3.min.js"></script> <input id="cacheTest" /> <script> var input = .
页面跳转缓存 keepAlive
weixin_30614587的博客
07-10 335
情境：在做列表时候，数据多会有分页，每一条数据会有一个修改或者查看详情的操作，假设现在搜索条件变成第二页或者其他条件，当返回页面时候仍希望看到刚才选择的搜索条件所对应的数据 分析以往：之前遇到这种情况，都是用sessionStorage或者将搜索条件存到services里面，然后返回到列表页时候再去取这些值，但是会有一个弊端，就是按F5刷新时候当前页面的数据还是之前缓存下来的，一般是希望回到初始...
（keep-alive）首页进入页面刷新，子页面返回页面缓存
RealizeInnerSelf丶
03-31 1064
首页或其他版块进入列表页面刷新数据、页面状态（滚动条、筛选条件、数据结果），从子页面返回时列表状态、数据情况维持进入子页面前的状态
vue页面跳转实现页面缓存操作
10-15
本文将详细解释如何在Vue页面跳转过程中实现页面缓存，并结合业务场景进行阐述。 ### 业务需求分析 假设我们有一个Web应用，用户在A页面（例如：蓝色野区）执行了一些操作，然后跳转到B页面（红色野区）。当用户...
vue页面跳转后返回原页面初始位置方法
08-28
Vue 页面跳转后返回原页面初始位置方法 在 Vue 项目中，页面跳转后返回原页面初始位置是...通过使用 Vuex 状态管理器和 keep-alive 缓存生命周期的执行，我们可以轻松地解决 Vue 页面跳转后返回原页面初始位置的问题。
解决移动端嵌入Web页时，跳转页面后退缓存问题
BruceChan的专栏
09-07 3255
废话不多说，直接进入主题 1. 首先在服务端向客户端写一个日期， 作为版本号使用 2. 在客户端进行验证 1. 编写一个隐藏域， 这里使用的是Java中的velocity表达式取值 2. 在js中进行判断, 这里使用了jQuery var serverTime = $("#serverTime");    var remoteVer = serverTime &
js返回上一页(功能和浏览器返回上一页一样,会有缓存)
ljw_jiawei的博客
05-31 3213
方法一: &lt;a href="javascript:history.go(-1)"&gt;返回&lt;/a&gt;方法二:back() {      if( window.history.length&gt;1)        window.history.go(-1)      else        this.$router.push({path: '/'});    },...
跳转页面后样式全部消失 解决办法
qq_45566354的博客
04-16 3440
本身没有任何问题 但是页面跳转之后样式都没了 这主要是路径的问题，静态资源引入时使用的是相对路径很容易发生这种问题，使用绝对路径会安全很多。所以进行以下修改 <link rel="stylesheet" href="styles/common.css"/> 改成 <link rel="stylesheet" href="/styles/common.css"/> 此时同样的路径样式就没有问题了。 解决 但是如果一开始访问项目就没有样式，可以考虑看看是不是可以看看是不是自己设置
nginx 反向代理的缓存问题
Leon的博客
06-13 909
http { proxy_cache_path /data/nginx_cache/ levels=1:2 keys_zone=my_zone:10m inactive=60s max_size=5g;#访问时间，过期就会删除 } #es判例的 location ~ /es/precedents { proxy_cache my_zone; proxy_cache_valid 200 304 10m;#这个是文件缓存时间，和访问频率无关 proxy_ignore_h.
页面跳转后再返回，原页面保持不变
热门推荐
weixin_33946020的博客
05-23 1万+
1.跳转到新页面使用： window.open(`#/abc`) //打开新页面 2.返回页面不变： <Button onClick={()=> { window.close() 　　　　 //关闭当前页面 window.location.hash = '#/abc' //获取或设置页面的标签值 (#代表...
javascript 返回上一页 缓存丢失问题
z507263441的专栏
07-08 2681
最近做一个网站，需要在a.jsp添加
前端页面在不断缓冲，然后前后端都没有报错
zrcshendustudy的博客
05-03 601
情境再现：在实现一个注册页面时，如果将数据插入数据库成功的话，那就跳转到登录页面。却发现页面在不断缓冲。分析问题：查看后台没报错。前端也没报错思考：可能是陷入死循环。然后发现后台代码有个while循环，将while改成if就好了。 解决问题：while改成if...
flutter如何消除页面跳转后缓存的页面
最新发布
04-03
### 清除 Flutter 页面跳转后的缓存方法 在 Flutter 中，当导航到新页面时，默认情况下会保留上一个页面的状态。如果希望清除这些状态或者释放内存中的旧页面实例，则可以通过多种方式实现。 #### 使用 `Navigator` 的单页模式 通过设置路由参数并控制页面栈的方式可以有效管理页面生命周期。例如，在调用 `pushReplacement` 方法时，当前页面会被替换掉而不会留在堆栈中[^1]： ```dart Navigator.pushReplacement( context, MaterialPageRoute(builder: (context) => NewPage()), ); ``` 此操作不仅移除了前一页还减少了不必要的资源占用情况发生几率[^2]。 #### 自定义 WillPopScope 控制返回行为 对于某些特殊场景下需要手动清理数据的情况，可以在即将销毁的 Widget 上加入逻辑处理来达到目的。利用 `WillPopScope` 组件拦截用户的退出动作，并在此期间执行必要的清除工作[^3]: ```dart class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: WillPopScope( onWillPop: () async { // 执行一些清理任务 _clearCache(); return true; // 返回true允许离开该界面；false阻止关闭 }, child: Center(child: Text('Home Page')), ), ); } void _clearCache() { print("Clearing cache..."); // 实现具体的缓存清除功能 } } ``` 上述代码片段展示了如何监听用户尝试从特定屏幕弹回事件的同时完成自定义业务需求如删除临时文件等操作[^4]。 #### 配合 AutomaticKeepAliveClientMixin 管理视图保持与否 有时开发者可能遇到即使已经离开了某个 Tab 或者 Route ，但是其内部组件仍然维持渲染状态的现象。这是因为部分父类默认启用了持久化机制所致。为了防止这种现象影响性能表现，应该继承 `AutomaticKeepAliveClientMixin` 并重写相关属性以显式声明是否要保存子树结构[^5]: ```dart class CustomStatefulWidget extends StatefulWidget { const CustomStatefulWidget({Key? key}) : super(key: key); @override State<CustomStatefulWidget> createState() => _CustomStatefulWidgetState(); } class _CustomStatefulWidgetState extends State<CustomStatefulWidget> with AutomaticKeepAliveClientMixin { @override bool get wantKeepAlive => false; @override Widget build(BuildContext context) { super.build(context); // 调用super.build(context)，激活keep-alive支持 return Container(); // 替代实际UI布局 } } ``` 以上介绍了几种常见的解决办法用于应对不同层次上的问题需求。具体采用哪种方案取决于项目实际情况以及个人偏好等因素决定。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值