有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。

有时候有这样的需求，我们在一个公共页面中进行了数据操作，操作完成之后用history.back()返回上一页，我们希望上一页的数据是改变的，但是由于是历史返回，上一页的数据还是历史数据，因此，我们用到了返回上一页并刷新

最近在做需求的时候,涉及到登录token,产品提出一个问题:能不能让token过期时间长一点，我频繁的要去登录。前端：后端，你能不能把token 过期时间设置的长一点。后端：可以,但是那样做不安全，你可以用更好的方法。

spa的渲染原理（以vue为例）：url的更改触发onHashChange/pushState/popState/replaceState，通过url中的pathName去匹配路由中定义的组件，加载进来并实例化渲染在项目的出口router-view中。

在做vue项目的过程中有时候会遇到一个问题，就是进行F5页面刷新的时候，页面的数据会丢失，出现这个问题的原因是因为当用vuex做全局状态管理的时候

在开发中经常会遇到在一个页面操作完返回上一个页面，此时要求上个页面展示最新数据的需求。比如 A1为上一个页面，A2为当前页面

页面需要定时刷新，实时加载数据，需要实时查看监控数据（H5中的WebSocket和SSE可以实现局部刷新），一定时间之后跳转到指定页面（登录注册之类）

vue可以通过<keep-alive>元素包裹组件，实现缓存，下次使用时不需要重新创建该组件。但存在一个问题：keep-alive包裹的组件中有滚动元素时，keep-alive不会储存滚动位置。实现后退不刷新主要依据keep-alive组件的activated和deactivated

在vue中使用$this.router.push()方法，如果只是传入的参数不同，会出现url地址变化了，但是页面没有重新请求数据，需要刷新一下页面才有新的数据

要知道history.back返回上一页是不会触发刷新的，这是浏览器的机制，但我们可以做些兼容处理，代码如下：进入页面后，先把referrer保存到sessionStorage里

history.go(-1), 返回两个页面: history.go(-2);window.history.forward() 返回下一页；window.history.go(返回第几页,也可以使用访问过的URL) ；如果要强行刷新的话就是：window.history.back();

下面给大家介绍JS实现AJAX局部刷新功能，具体内容如下所示：通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

当调用 location.reload() 方法时， aspx页面此时在服务端内存里已经存在， 因此必定是 IsPostback 的。如果有这种应用： 需要重新加载该页面，也就是说期望页面能够在服务端重新被创建，期望是 Not IsPostback 的

在实际应用中，运营人员在编辑数据时不希望因不小心点击了浏览器的回退或刷新按钮导致花费了很长时间编辑的数据丢失。可以采用以下两种手段防止运营编辑时丢失数据：

页面刷新后，原有的 vuex 中的 state 会发生改变，如果在页面刷新之前，可以将 state 信息保存，页面重新加载时，再将该值赋给 state，那么该问题即可解决。