分类：history

2021
04-07

React Router 如何使用history跳转的实现

在react-router中组件里面的跳转可以用<Link>但是在组件外面改如何跳转，需要用到react路由的historyreplace方法和push方法使用形式一样，replace的作用是取代当前历史记录go，此方法用来前进或者倒退，history.go(-1);goBack，此方法用来回退，history.goBack();goForward，此方法用来前进，history.goForward();1.hookimport{useHistory}from'react-router-dom';functiongoPage(e){history.push({pathname:"/home",stat... 继续阅读 >

2021
04-07

浅谈React Router关于history的那些事

如果你想理解ReactRouter，那么应该先理解history。更确切地说，是history这个为ReactRouter提供核心功能的包。它能轻松地在客户端为项目添加基于location的导航，这种对于单页应用至关重要的功能。npminstall--savehistory存在三类history，分别时browser，hash，与memory。history包提供每种history的创建方法。import{createBrowserHistory,createHashHistory,createMemoryHistory}from'history'如果你使用ReactRo... 继续阅读 >

2020
12-30

PostgreSQL时间线(timeline)和History File的用法

说明：在pg中，当我们进行了基于时间点的还原(PITR)后，数据库会启用新的时间线并继续进行操作。但是，当我们进行基于时间点的还原后如果发现又出现错误，想要继续还原数据库该如何操作呢？如何还原到原先旧的时间线呢？我们可以使用recovery_target_timeline参数来指定数据库还原到某一个时间线上。如果你还不清楚这个参数该如何使用，或者说压根不知道时间线是啥，那么请继续往下看。PostgreSQL时间线：每当我们在数据库中完成... 继续阅读 >

2020
12-16

Vue-router中hash模式与history模式的区别详解

VUE路由的hash模式与history模式的区别，这个也是面试常问的问题，这个题其实就是考验你的开发经验是否属实。小白回答：hash模式url带#号，history模式不带#号。大牛解答：形式上：hash模式url里面永远带着#号，开发当中默认使用这个模式。如果用户考虑url的规范那么就需要使用history模式，因为history模式没有#号，是个正常的url，适合推广宣传；功能上：比如我们在开发app的时候有分享页面，那么这个分享出去的页面就是用vue或... 继续阅读 >

2020
11-10

详解nginx配置vue h5 history去除#号

vue的默认配置是使用hash模式，这样我们访问的时候都带有了一个#号，再支付回调的地址或者其他原因不支持#号或者不喜欢#号这种模式，优势就出现了需要去除#号，于是vue端就需要配置该模式，并且使用懒加载，vue端的配置如下：首先先声明一下，这是使用vue+nginx实现前后端分离的项目，并且使用vueaxios实现代理功能(允许跨域并且服务端已经开启跨域)，然后就是打包的配置：!!!注意，这里配置的assetsPublicPath一定要配置成 ... 继续阅读 >

2020
10-10

区分vue-router的hash和history模式

一、概念为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。前端路由的核心，就在于：改变视图的同时不会向后端发出请求。为了达到这种目的，浏览器当前提供了以下两种支持：1.hash——即地址栏URL中的#符号（此hash不是密码学里的散列运算）。比如这个URL：http://www.abc.com/#/hello，hash的值为#/hello。它的特点在于：hash虽然出现在URL中，但不会... 继续阅读 >

2020
10-10

vue中路由跳转不计入history的操作

我就废话不多说了，大家还是直接看代码吧~<van-fieldlabel="选择部门":value="arr.DepartMentName"readonlyright-icon="arrow"@click="$router.replace({name:'tree'})"/>在下个页面使用replace跳回来即可补充知识：vue-router模式为history的项目打包发布后不能通过地址栏里的地址进行路由跳转项目打包发布后不能通过地址栏里的地址进行路由跳转,地址栏里回车访问就直接404本项目使用nginx发布，所以这里只有ngin... 继续阅读 >

2015
01-27

HTML5 History API 实现无刷新更新地址栏URL

History是有趣的，不是吗？在之前的HTML版本中，我们对浏览历史记录的操作非常有限。我们可以来回使用可以使用的方法，但这就是一切我们能做的了。但是，利用HTML5的HistoryAPI，我们可以更好的控制浏览器的历史记录了。例如：我们可以添加一条记录到历史记录的列表中，或者在没有刷新时，可以更新地址栏的URL。为什么介绍HistoryAPI？在这篇文章中，我们将了解HTML5中HistoryAPI的来源。在此之前，我们经常使用散列值来... 继续阅读 >

2014
11-11

类似github,houzz使用ajax和HTML5无刷新改变页面URL

表现如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。是什么有这么强大的功能呢？HTML5里引用了新的API，history.pushState和history.replaceState，就是通过这个接口做到无刷新改变页面URL的。与传统的AJAX的区别传统的ajax有如下的问题：1、可以无刷新改变页面... 继续阅读 >

2014
11-11

深入学习HTML5的history API

不得不佩服下谷歌Chrome团队，利用HTML5和CSS3实现了一本相当漂亮的在线电子书：《关于浏览器和互联网20件事》。访问地址：http://www.20thingsilearned.com话说这本电子书已经出来很久了，不过今天来看依然觉得相当的赞。我们无需刷新页面，就可以来回切换电子书页面，这正是OPOA（OnePageOneApplication）的完美体现。现在正在学习关于historyAPI这方面的东西，所以特别感兴趣的是他们如何使用window.history.pushState()... 继续阅读 >

2014
11-11

pjax：ajax和pushState结合的js库——实现网站无刷新加载页面

上篇文章讲到如何使用ajax+pushState打造无刷新改变URL的方式。虽然这种方式是将ajax、history.pushState、history.replaceStatte、window.onpopstate等几个技术点结合，但在具体使用中还是要考虑到很多情况的，如：1、改变内容的时候也要改变title2、不支持的浏览器如何处理3、事件如何绑定，是否使用了delegate模式4、ajax异常处理5、ajax前后的自定义事件等介于有上面等多的疑问，将ajax和pushState封装下，供后面使用还... 继续阅读 >

2014
11-11

Pjax是什么以及为什么推荐大家用

什么是pjax?现在很多网站(facebook, twitter)都支持这样的一种浏览方式，当你点击一个站内的链接的时候，不是做页面跳转，而是只是站内页面刷新。这样的用户体验，比起整个页面都闪一下来说，好很多。其中有一个很重要的组成部分，这些网站的ajax刷新是支持浏览器历史的，刷新页面的同时，浏览器地址栏位上面的地址也是会更改，用浏览器的回退功能也能够回退到上一个页面。那么如果我们想要实现这样的功能，我... 继续阅读 >