原文链接: 点我 在商城类的项目中,会经常遇到列表数据筛选查询的情景,当要打开某一项的详情页或者暂时离开列表页,再返回(后退时),选择的筛选条件会全部丢失,辛辛苦苦选择好的条件全没了,还得重新选择,如果有分页的更头大,还得重新一页页翻到之前看到的那一页,用户体验极度不友好. 解决方法有两种: 方法一:用vue 的<keep-alive>,即在<router-view>外套一层<keep-alive>. 虽然可以达到一定效果,但是控制起来比较麻烦,比如项目中并不是所有页面

随着小程序越来越火爆,使一个产品如果只有公众号H5页面和APP显得不怎么完美,总感觉不搭上小程序这趟流量车,就会少了点什么,心里别扭地很.在此驱动下,我所在公司也决定赶紧上车. 但是,如果要按照小程序的套路重新写一份的话,又感觉付出的时间成本太大了,非常的不划算.于是乎,脑子灵光一闪,想起了小程序貌似有个小弟叫webview,webview是啥,按字面意思就是网页视图(来自百度翻译).官方是这么定义的: web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面.个人类型与海外

JS 重载页面,本地刷新,返回上一页 : <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()">重载页面,本地刷新</a> <a href="javascript:history.go(-1);location.reload()">返回上一页重载页面,本地刷新</a&

问题分析 正常的H5支付流程如下 按照上面的支付流程会出现 App -> 微信 -> 支付 -> 点击 完成 -> safari访问redirect_url设置的URL,这种流程其实用户体验是有点糟糕的,我们期望是 App -> 微信 -> 支付 -> 点击 完成 -> App访问redirect_url设置的URL 问题分析到上面已经非常明了了,无非就是拦截处理,下面讲讲具体的实施. 问题分析 根据上面的分析解决的思路应该非常的清晰 拦截请求 首先在dec

目录 1.设置页面初始化 2.更新头像 1.点击头像进入更新头像界面 2.更新头像页面初始化 3.更新头像页面CSS样式 4.头像上传来源选择:相册/相机 5.调用api提供的本地接口从相册/相机提取图片 6.后端提供头像更新的接口 7.前端基于axios上传图片数据 3.本地更新头像信息 1.头像上传成功后-关闭页面/将头像数据存储在前端 2.setting.js提供avatar_url头像访问地址 3.后端提供展示头像的视图方法 4.设置页面头像立即刷新 5.前端页面显示当前登录用户的基本信

windows窗口对象(历史)history.go(),history.back(),history.forward(). 因为windows对象引用不是必须的.所以windows.history.go() == history.go()的. go()方法只有一个参数,可以是整数.负数.如果是正数,就前进.负数就是后退.(相当于Forward和Back的区别) 因此,后退一页,可用下面的代码:(后退多页,只需改变go的参数) window.history.go(-1): 要前进一页,只需要使用正

返回上一级代码: <a href="javascript:;" onclick="history.go(-1);" class="icon_back"><i></i></a> 刷新代码: <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript

在微信手机页面开发当中,页面是没有问题的,但是当焦点在input输入框的时候,手机页面会自动放大. 加入以下代码在head 区,可解决此问题 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />

转自:http://zhangmingwei.iteye.com/blog/2080457 从iOS7的Beta版开始,就着手做兼容工作,到Beta4的時候,应用已经基本兼容,只是偶然发现,iOS样式的手势返回,也就是用interactivePopGestureRecognizer返回的时候,出现下面一些列问题.各方调研,无果,史无前例(废话,刚出来的7,上哪有例去--#). A,我的应用是自定义的返回按钮图标(默认返回按钮样式不会出现问题3),为了保险,写了这句代码[self.navigati

window.addEventListener('pageshow', function(e) { // 通过persisted属性判断是否存在 BF Cache if (e.persisted) { location.reload(); } }); 原理:pageShow事件在页面显示即会触发,无论页面是否来自BF Cache.通过检测persisted属性即可判断是否存在 BF Cache 行为.优点:大部分浏览器都支持pageShow方法与persisted属性,并且需要的代码量只需要短短

加入以下代码在head 区,可解决此问题 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />

问题产生原因       最近在做一个微信的项目时,遇到一种很常见的情况,需求是这样的,当用户进入到"我的个人中心"的时候,会有一个点击跳转填写认证资料的按钮,点击此按钮后,会跳转到认证资料填写页面,填写资料,提交成功后.当用户直接返回到上一页的时候.需要修改认证状态为"认证中".此时需要使用一个AJAX方法去查询认证状态,并修改页面的状态显示. 当时没有按照标准的方法写ajax方法,默认使用的方法是Get请求,前台JS代码如下: window.onload = f

参考自 http://blog.csdn.net/hbts_901111zb/article/details/76691900 项目中,主页面有很多输入字段,当由主页跳转到子页面, 将子页面的字段 set入localstorage中, 由于返回主页面不能将先前输入的字段刷新掉,所以必须要在子页面history.back(). 但由于ios和安卓机制不同,安卓会重新刷新主页面的ready, ios则不会.解决方案如下: $(function () { var isPageHide = false;

1. 前言 由于项目需要,需要load一个页面并保持ajax返回的div能响应其页面内的JS的click事件.这个不是 解决用jquery load加载页面到div时,不执行页面js的问题 这类问题,因为并无这个问题存在(jquery版本:1.10.2.js). 2. 本质原因 假定页面内有$(.btn1).click(function(){})事件,你手动复制一个包含class为btn1的div到页面(ajax返回后加入的div),然后会发现你点击那个div,并不会被响应,如果你在consol

var isPage=false; window.addEventListener('pageshow', function () {         if (isPage) { window.location.reload(); }}); window.addEventListener('pagehide', function () {   isPage =true; });

思路1:将参数传递给第二个页面后,返回上一页时,再讲参数传回第一页(此方法适用于层级少的)(亲测有效) 思路2:将参数放到全局变量中(还未尝试过)

一.为什么要用Nuxt.js 原因其实不用多说,就是利用Nuxt.js的服务端渲染能力来解决Vue项目的SEO问题. 二.Nuxt.js和纯Vue项目的简单对比 1. build后目标产物不同 vue: dist nuxt: .nuxt 2. 网页渲染流程 vue: 客户端渲染,先下载js后,通过ajax来渲染页面: nuxt: 服务端渲染,可以做到服务端拼接好html后直接返回,首屏可以做到无需发起ajax请求: 3. 部署流程 vue: 只需部署dist目录到服务器,没有服务端,需要用ngi

js实现html 页面之间的跳转传参以及返回上一页的相关知识点 一.页面之间的跳转传参 1.在页面之间跳转的方式有两种: window.location.href="test.html?num=10"   地址会改变参数也会被传递但是不会打开新窗口 window.open("test.html") 这样会重新打开一个新窗口. 2.获取参数 如果是按照第一种方式进行了传递则有参数,那么我们怎们获取url中的参数那,那就使用js默认的属性:  var url = loc

vue项目中在某个页面阻止浏览器返回上一页,适用移动端.PC端. 使用场景例如: 首页 与 A页面     来回跳转,那样点击浏览器返回时也会来回跳转,本想当页面在首页的时候就不再返回了,所以这个时候需要阻止浏览器的返回. 用法:https://github.com/WangMaoling/vue-prevent-browser-back

第一次学习shiro的时候,并没有发现很大的问题.但后来在做项目的时候,特别是当访问的url是iframe的页面的时候,session又过期了,跳转到登陆页,完成登陆操作后,返回了只有iframe的页面,相当不好看.虽然在shiro里设置了successUrl,但是没有起作用. 不明真相的我,debug后跟进去观察后发现FormAuthenticationFilter成功登陆后,会调用它的onLoginSuccess方法,最后会调用下面这个实际执行的方法. WebUtils.redirectTo

高并发分布式系统中生成全局唯一(订单号)Id   1.GUID数据因毫无规律可言造成索引效率低下,影响了系统的性能,那么通过组合的方式,保留GUID的10个字节,用另6个字节表示GUID生成的时间(DateTime),这样我们将时间信息与GUID组合起来,在保留GUID的唯一性的同时增加了有序性,以此来提高索引效率,在NHibernate中,COMB型主键的生成代码如下所示: /// <summary> /// 保留GUID的10个字节,用另6个字节表示GUID生成的时间(DateTime)组