pushState

解决小程序中webview页面多层history返回问题

页面中有静默授权（A1页面静默授权后重定向到A2页面），点小程序原生的返回按钮会返回到A1页面，然后页面就会反复静默授权预期表现：点小程序原生的返回按钮后返回到小程序上个页面解决方案：通过history.pushState
sunny·2019-08-19 00:00

通过JS拦截 pushState 和 replaceState 事件

首先需要知道vue框架路由变更原理这里可以查看相关文章或者看vue源码，这里直接写结论，vue路由通过使用pushState和replaceState方法来进行路由变更和替换的。
Yuhoo·2019-08-13 13:02

React-Router的理解与实现

前端两种路由方案无hash通过h5的pushState、replaceState、go、forward、back配合onpopstate来处理。注意pushState无法进入popstate事件。
吴晗君·2019-07-20 17:12

H5监听手机的物理返回按键——已完成

//监听手机物理返回，然后跳转首页functionpushHistory(){varstate={title:"title",url:"#forward"};window.history.pushState
ansheng02·2019-07-16 14:56

react-router路由机制

浏览器的历史记录，以栈的形式存储，后进先出，按照栈的规律，必须有的方法：进栈（pushstate）、出栈（popstate）、替换当前的（replacestate）。
Kevin丶CK·2019-07-11 16:15

js 监听手机返回键

http://www.baidu.com'},false);functionpushHistory(){varstate={title:"title",url:"#"};window.history.pushState
昱弟丶·2019-07-09 14:07

JS点击传参更新URL地址

url地址追加月份参数varurl=window.location.href;varnewUrl=changeURLArg(url,"monthly",pageIndex);window.history.pushState
黑色咖啡 Ken·2019-07-05 08:00

React-Router v5文档翻译之滚动恢复

浏览器已经开始使用history.pushState自己处理滚动恢复，这就像她们以前使用普通浏览器导航一样处理滚动恢复。现在这个很酷的特性已经在Chrome中被支持了。
Harlan_Zhang·2019-06-12 14:55

web history分析

在react-router使用过程中好奇其单页是如何不刷新页面的if(canUseHistory){globalHistory.pushState({key,state},null,href);//html5
笔芯er·2019-06-01 13:51

web history分析

在react-router使用过程中好奇其单页是如何不刷新页面的if(canUseHistory){globalHistory.pushState({key,state},null,href);//html5
笔芯er·2019-06-01 13:51

微信公众号h5，返回按钮自定义控制

url:"/gfyun-app-web/rest/wxHomePage/goIndex"};//url是后退页面地址location.href是后退页面点击后退返回的页面window.history.pushState
Eight_zhu·2019-05-31 17:56

vue分享到微信中的web页返回到指定页

vue中首页Home.vue分享页share.vue在share.vue中mounted(){if(window.history&&window.history.pushState){history.replaceState
lyww1992·2019-05-29 10:18

react-router-dom 4 基础api

BrowserRouter使用HTML5提供的historyAPI(pushState,replaceState和popstate事件)来保持UI和URL的同步。
胡少龙·2019-05-14 00:00

vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)

b.如果被激活的历史记录条目是通过对history.pushState（）的调用创建的，或者受到对history.replaceState（）的调用的影响，popstate事件的state属性包含历史条目的状态对象的副本
Miss丨Fortunes·2019-05-10 15:18

vue滚动行为

scrollBehavior(只在支持history.pushState的浏览器可用)使用场景：点击浏览器自带的前进或后退键，想让页面滚到顶部，或者是保持原来的滚动位置，vue-router可以做的更好
一条小团团ovo的就很棒·2019-04-25 15:24

vue单页面在微信下只能分享落地页的解决方案

实际上关键词叫微信pushState只能分享落地页更贴切一点应用场景：vue+vue-routervue-router使用hash模式（history模式没试过）不使用微信的js-sdk（因为我这个项目是可配置域名的商城
ci0n·2019-04-15 14:50

vue使用keep-alive保持滚动条位置的实现方法

但是，在不适用keep-alive的时候，页面内容会刷新，所以就随他去了……就是这么任性……思路官方有推荐一个scrollBehavior，链接，但是上面标注，只在history.pushState的浏览器生效
陈其文·2019-04-09 09:54

用js代码在页面上禁用浏览器的后退按钮

这里使用了jquery,先引入jqueryfunctiondisableBack(){if(window.history&&window.history.pushState){$(window).on(
mr_xl·2019-04-07 15:14

H5中的history方法Api介绍

最近公司在做一个微信公众号，看了项目源码，看到项目中用到了history的Api来进行控制浏览器的历史记录及前进/后退键；下面来跟大家一起来捋捋history的Api方法和使用：history.pushState
有梦想的咸鱼前端·2019-04-04 09:00

js监听手机的默认返回按钮

window.addEventListener("popstate",function(e){closeApp();//关闭当前页在这里可以重定向路径location.href},false);window.history.pushState
啃牙1225·2019-01-28 15:01

关于history的一点心得

浏览器上的window.history就是记录页面的历史记录的，在浏览器上打印history对象，会有如下：History{pushState:ƒ,replaceState:ƒ,length:7,scrollRestoration
xurna·2019-01-24 15:02

vue-router源码解析（三）路由模式

vue-router还支持history模式，这种模式充分利用了history.pushState来完成URL跳转。在不支持history.pushState的浏览器，会自动会退到hash模式。
chen4342024·2019-01-22 00:00

在单页应用中，如何优雅的监听url的变化

单页应用原理监听url中的hash变化监听通过history来改变url的事件replaceState和pushState行为的监听原文在我的博客中：https://github.co
小小小小小亮·2019-01-14 19:37

Vue打包发布到Tomcat后，访问地址中去掉#符号出现内置404错误(使用vue-cli history模式)

如果不想要很丑的hash，我们可以用路由的history模式，这种模式充分利用history.pushState
IsITMan·2018-12-20 15:45

前端路由的两种实现方式，内附详细代码

前端路由的实现原理：hash值+onhashchange事件history对象+pushState()方法+onpopstate事件二、hash实现前端路由跳转HTML代码：indexlistHash模式的前端路由
陌上花早·2018-12-17 15:00

better-scroll与UC浏览器滑动翻页冲突的js解决方案

为此在网上找了不少资料，目前网上出现最多的解决方案是使用history.pushState()，使用监听事件，监听到跳页事件(popstate)时，手动填充路径为当前页面地址。
missing·2018-12-08 00:00

利用hash或history实现单页面路由

70.0.3538.110)测试正常编写涉及：css,html,js,node(koa)在线演示codepenhtml代码hash路由hash1hash2hash3otherhistory路由history.pushState
Warren-Hewitt·2018-12-03 20:00

React Router Dom API 中文 文档

的一种，通过使用HTML5提供的historyAPI(pushState,replaceState,propstate)机制来维持页面UI同RUL的统一。
debbyDeng·2018-11-27 15:39

vue监听浏览器返回

需求我在某个页面用了缓存，假如点击了浏览器返回按钮，需要清除缓存信息代码监听返回mounted(){if(window.history&&window.history.pushState){//向历史记录中插入了当前页
lesdom·2018-10-22 21:25

Router入门0x203: react、react-route、react-route-dom

0x001historyApi说明在说这个库之前，得先对history新的api做一个了解window.history.pushState(data,title,?
followWinter·2018-10-08 00:00

判断手机是IOS还是安卓

//判断是ios还是安卓history.pushState(null,null,"#");window.addEventListener("popstate",function(e){if(/(iPhone
AnlanJion·2018-09-26 16:14

pushState+ajax实现左菜单右动态页面内容

以前都用iframe做左面菜单右面页面的切换，但是iframe不仅比较老化而且漏洞比较多比较麻烦，所以网上找了很多代替的办法，发现ajax不错，但是纯ajax做又少了前进后退的功能，所以需要结合HTML5的pushState
1024前端喵·2018-09-20 16:06

jQuery pjax 应用简单示例

pjax就不一样了，pjax被解释成ajax+pushState的封装，因为它把ajax的请求写入历史记录，并反映在地址栏，这样用户就能愉快地使用前进后退了。
mislav·2018-09-20 14:06

vue服务端渲染缓存应用详解

但如今的前端，为了追求一些体验上的优化，通常整个渲染在浏览器端使用JS来完成，配合history.pushState等方式来做单
光屁股的小破孩·2018-09-12 14:32

vue浏览器返回监听

具体步骤如下：1、挂载完成后，判断浏览器是否支持popstatemounted(){if(window.history&&window.history.pushState){history.pushState
不求甚解bc·2018-08-14 14:40

【ReactJs学习笔记】【编译生产环境的React应用】

目录目录package.json本地服务器打开编译好的项目可以快速以当前路径为根目录建立服务的工具pushstate-server快捷链接package.json"scripts":{ "start":
欣欣__KuanG97·2018-08-14 09:31

Vue项目上线后，点击刷新按钮（f5）报错404的问题（使用nginx）

首先，出问题的原因是：在Vue项目中，可以选择hash或者history.pushState()实现路由跳转。
Honins·2018-07-30 15:40

监听物理返回键

){alert("hello");//操作},false);functionpushHistory(){varstate={title:"title",url:"#"};window.history.pushState
eaglepjg·2018-07-27 17:49

详解从Vue-router到html5的pushState

最近在用vue的时候突然想到一个问题首先，我们知道vue实现的单页应用中一般不会去刷新页面，因为刷新之后页面中的vuex数据就不见了。其次，我们也知道一般情况下，url变更的时候，比如指定location.href、history.push、replace等，页面就会刷新。那么问题来了，vue页面的页面跳转时怎么实现的？没刷新页面么？没刷新页面，又要改变url，加载新内容怎么做的？去翻了一下vue
木子墨·2018-07-21 15:55

关于禁止页面后退的一些方法

①在IE9及其以上，各种主流浏览器上使用浏览器history这个api，HTML5中新引入的pushState（）和replaceState（）方法则是首选。由
一现_·2018-07-19 10:18

详解vue填坑之解决部分浏览器不支持pushState方法

前端使用vue-router做单页面路由并开启history模式时，会碰到一个问题：部分低版本的手机浏览器、部分app以及IE9浏览器由于不支持pushState方法，会导致页面加载不出来。
Jiang Xueyang·2018-07-12 09:14

HTML5起航____微信内置浏览器的一波返回操作

如果被激活的历史记录条目是通过对history.pushState（）的调用创建的，或者受到对history.re
OzanShareing·2018-06-29 10:25

监听url的变化

描述：在实际的项目中，我们经常会遇到修改history的问题，如：通过pushState（state，title，url）；修改浏览器history历史记录，那我们有没有好的方法可以监听url的变化呢？
尼古拉斯-托尔斯泰-赵四·2018-06-05 10:41

动手实现一个单页面应用

historyhistory的方法主要是应用了几个H5的histroyAPI：APIwindow.pushState(stateData,title,url)
谢大帅哥·2018-05-29 16:00

vue-router滚动行为

滚动行为只在支持history.pushState的浏览器中可用当创建一个Router实例时，可以提供一个scrollBehavior方法。
E_li_na·2018-05-07 16:44

js屏蔽手机的物理返回键

$(document).ready(function(){if(window.history&&window.history.pushState){$(window).on('popstate',function
isunlight001·2018-05-05 14:18

React Router 中文文档（一）

官方英文文档-https://reacttraining.com/rea...版本-v4.2.0使用HTML5提供的historyAPI(pushState,replaceState和popstate事件
chillyme·2018-04-10 00:00

彻底搞懂路由跳转：location 和 history 接口

首先得了解浏览器提供的两大API：window.locationlocation.hreflocation.hashlocation.searchlocation.pathnamewindow.historyhistory.pushState
hugo_seth·2018-04-01 00:00

多页面网站禁用浏览器后退键

利用window.onpopstate和window.history.pushState控制浏览器后退键失效，下面说一下如何实现。
hellowoody·2018-02-23 00:00

从history api看主流框架的路由机制

前端路由库的作用是改变地址栏，支持浏览器前进、后退，并同步路由对应的视图，这里以react-router及其依赖的history库说一下路由机制原文地址前提首先简单介绍一下前端路由机制所依赖的pushState
对对对就是这·2018-02-04 00:00
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他