当切换到新路由时，若希望页面滚动到顶部，或者是保持原先的滚动位置，就像重新加载页面一样，vue-router 可以自定义路由切换时页面如何滚动 这个功能只在支持 history.pushState 的浏览器中可用 当创建一个Router实例，可以提供一个 scrollBehavior 方法： scr ...
分类：
其他好文 时间：
2021-02-01 11:58:53
阅读次数：
0
function pushHistory() { var state = {}; state = { // title: "itGrade", 自定义参数:自定义参数 }; console.log(state); window.history.pushState(state, null, "#"); ...
分类：
移动开发 时间：
2020-07-15 12:56:46
阅读次数：
119
window.onpopstate = console.log window.onhashchange = console.log 1. history.pushState({a:1,b:2}, 'title', '/test') // /test 2. history.pushState({tes ...
前端路由：在应用使用期间不会重新加载，提高用户体验，减低网速要求，界面展开快。前后端分离方便开发目前前端路由有两种实现方法：利用url的hash，当浏览器url的锚点部分发生改变，不会刷新页面的原理利用h5中的history，通过监听opostate事件，利用pushstate或replacesta... ...
分类：
其他好文 时间：
2020-01-04 01:10:28
阅读次数：
113
1. 只读属性 1. length 表示当前窗口访问过的url的数量；或者手动pushState之后的length。 2.state 表示当前地址栏中网址对应的状态。 2. 方法 1. 刷新网页-back()、forward()、go(num) 1. 回退一个地址，相当于浏览器的后退键；对第一个网址 ...
最近在用vue的时候突然想到一个问题 首先，我们知道vue实现的单页应用中一般不会去刷新页面，因为刷新之后页面中的vuex数据就不见了。其次，我们也知道一般情况下，url变更的时候，比如指定location.href、history.push、replace等，页面就会刷新。 那么问题来了，vue页 ...
分类：
Web程序 时间：
2019-12-05 18:38:12
阅读次数：
99
如标题所说，本文提供的方法适用于多页面网站，如SPA单页面应用等不适用。 利用window.onpopstate和window.history.pushState 控制浏览器后退键失效，下面说一下如何实现。 1.在你需要禁止浏览器后退键的页面上加上下面的代码： <script> $(document ...
分类：
Web程序 时间：
2019-12-04 14:50:44
阅读次数：
89
实现原理： 利用HTML5 的window.history对象实现对历史记录的访问 实现代码： 一,在需求页面之前的页面修改历史记录 二,在需求页的页面修改历史记录 这个方法与之前的方法不同的地方是就在当前页面写代码 三.pushState介绍 HTML5引进了history.pushState() ...
分类：
其他好文 时间：
2019-10-24 19:31:16
阅读次数：
436
查看了很多解决ios微信返回不刷新页面的文章，大部分都是利用H5的新特性history来进行解决的，而且很多人的想法都是用了pushstate和popstate来实现了这个功能，但是用pushstate之后会添加一个history实体，然后在监听到时间触发popstate的时候，刷新页面的时候其实刷 ...
分类：
微信 时间：
2019-10-18 22:09:26
阅读次数：
127
$(function(){ function pushHistory() { var state = { title: "title", url: "#" }; window.history.pushState(state, "title", "#"); } pushHisto... ...
分类：
移动开发 时间：
2019-09-24 21:07:47
阅读次数：
213
