当我们在写单页应用的时候，前端路由采用vue-router实现，如果从页面A跳到页面B，然后点浏览器返回，返回到页面A时，页面会刷新。最近遇到一个需求，一个列表页，用户会根据条件进行筛选，也可以翻页，当用户筛选后点击具体的某一个条目时，进入详情页查看编辑详情，用户点击返回时，希望之前页面的筛选条件也 ...
分类：
其他好文 时间：
2018-05-27 15:38:49
阅读次数：
694
关于vue router 由于最近的项目中一直在使用vue，所以前端路由方案也是使用的官方路由vue router，之前在angularJS项目中也是用过UI router，感觉大同小异，不过很显然vue router更友好一些。本文就以vue router为例浅析我所理解的前端路由，具体用法和一些 ...
分类：
其他好文 时间：
2018-05-14 23:00:00
阅读次数：
469
内容介绍，为什么要使用前端路由？ 在2005左右，兴起了一种叫做ajax的技术，有了ajax之后，我们向服务端提交数据的时候就不再需要使用from表单去提交了，因为from表单之间的提交会导致页面之间的切换，也就是说无法实现单页应用。 ajax的缺陷 1、不会在浏览器里面留下历史记录 2、用户无法将 ...
分类：
其他好文 时间：
2018-05-05 15:25:41
阅读次数：
154
HTML5中history提供的pushState, replaceState这两个API。它们提供了操作浏览器历史栈的方法。 pushState能够在不加载页面的情况下改变浏览器的URL。这个方法接受三个参数： 状态对象，新状态的标题和可选的相对URL。 pushState方法在改变url的同时向 ...
分类：
其他好文 时间：
2018-04-24 17:39:24
阅读次数：
402
HTML5History History interface是浏览器历史记录栈提供的接口，通过back(), forward(), go()等方法，我们可以读取浏览器历史记录栈的信息，进行各种跳转操作。 从HTML5开始，History interface提供了两个新的方法：pushState(), ...
分类：
其他好文 时间：
2018-04-17 23:50:51
阅读次数：
257
开发流程： 需求分析——脚手架工具 数据Mock 架构设计 代码编写 自测 编译打包 功能技术分析： ...
分类：
移动开发 时间：
2018-03-31 00:51:16
阅读次数：
348
路由就是指随着浏览器地址栏的变化，展示给用户的页面也不相同。 早期的路由都是后端实现的，直接根据 url 来 reload 页面，页面变得越来越复杂服务器端压力变大，随着 ajax 的出现，页面实现非 reload 就能刷新数据，也给前端路由的出现奠定了基础。我们可以通过记录 url 来记录 aja ...
分类：
其他好文 时间：
2018-01-31 14:30:17
阅读次数：
254
vue：vue-router 根据不同的地址找到不同的页面 单页面应用：无需频繁的从后台刷新页面 npm install vue-router --save 保存到package。json中 在main.js引入 import VRouter from ‘v-router’ Vue.use(VRou ...
分类：
其他好文 时间：
2018-01-30 00:17:46
阅读次数：
106
前端路由的两种实现方式： 1. location.hash + hashchange 2. history API pushState(state, title, url)添加记录，replaceState修改记录，popState（只有在前进后退时触发） ...
分类：
其他好文 时间：
2018-01-28 18:18:54
阅读次数：
106
前端路由在很多开源的js类库框架中都得到支持，如angularJS，Backbone，Reactjs等等。这篇文章主要和大家谈谈什么是前端路由，以及它的使用场景及优缺点1.什么是路由简单举例说明，假如我们有一台提供 Web 服务的服务器的网络地址是：10.0.0.1，而该 Web 服务又提供了三个可 ...
分类：
其他好文 时间：
2018-01-17 00:09:39
阅读次数：
150
