一、概念为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。 前端路由的核心，就在于：改变视图的同时不会向后端发出请求。 为了达到这种目的，浏览器当前提供了以下两种支持：hash——即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。 比如这个 URL：http://www.abc.com/#/hello，h
转载
2024-07-24 07:41:21
282阅读
vue的路由有哈希模式（Hash）与历史模式（History），哈希模式部署到web服务器（Tomcat，Apache、IIS）不需要安装URL重写，如果是历史路由模式，部署到Web服务器上之后要安装URL重写。如果将vue部署到Nginx上，哪怕路由用历史模式，也不需要额外安装URL重写，还可以做负载均衡，方便好用。下面记录下我用Nginx部署VUE项目的经过。安装Nginx【1】安装nginx
转载
2024-03-28 21:00:06
340阅读
Vue记住滚动条位置1. 先给占位符加一层缓存2. 在路由上加一个源信息meta，记录滚动条的top值3. 使用 scrollBehavior4. 给页面添加事件监听 使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 vue-router 可以自定义路由切换时页面如何滚动。注意：这个功能只在支持history.pushState的浏览器中可用1.
转载
2024-03-28 14:17:50
725阅读
...
转载
2021-10-03 19:03:00
262阅读
2评论
路由模式前端路由的核心，就在于 ——— 改变视图的同时不会向后端发出请求。路由有两种模式：hash、history，默认会使用hash模式，在new VueRouter的时候配置mode值可以改变路由模式//创建Router的实例对象
const router = new Router({
mode:"hash",
routes
})hash模式即地址栏url中的#符号，hash的
转载
2024-06-28 19:48:22
179阅读
目录一、前言二、hash模式三、history模式 一、前言对于hash模式和history模式，最直接的区别就是地址栏带不带"#"号了。 vue脚手架搭建的项目的路由默认是hash模式。 hash模式： 创建路由实例时，添加mode:"history"属性，即可使用history模式。const router = new VueRouter({
routes,
mode: "histo
# jQuery记录当前元素滚动位置的实现
在现代网页应用中，用户滚动页面时，我们常常需要记录当前元素的滚动位置。这不仅可以帮助我们实现更好的用户体验，还可以用于分析用户行为。本文将深入探讨如何使用jQuery记录当前元素的滚动位置，并提供详细的代码示例和说明。
## 一、前言
许多网页都有长内容，用户需要通过滚动来查看所有内容。如果我们能够记录用户的滚动位置，便可以在用户返回页面时，恢复到
文章目录前言1、React router配置2、nginx 配置参考文档 前言React路由模式分为两种：hashHistory:比如 http://localhost:8080/#/loginbrowserHistory比如 http://localhost:8080/loginbrowserHistory的好处大于hashHistory, 但是麻烦的地方就是，browserHistory路由
转载
2024-04-17 13:32:34
181阅读
Vue的两种路由模式： hash、history；默认是hash模式； 前端路由（改变视图的同时不会向后端发出请求）一、什么是hash模式和history模式？ hash模式：是指url尾巴后的#号以及后面的字符。hash也称为锚点，本身是用来做页面定位的，它可以使对应的id元素显示在可视区域。hash虽然出现在url中，但不会被包括在http请求中，对后端完全没有影响，因此改变hash不会被重
转载
2024-05-17 14:59:35
135阅读
引言： 对于vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是vue-router存在的意义。前端路由的核心，就在于——改变视图的同时不会向后端发送请求。为了达到这一目的，浏览器当前提供了一下两种支持： 1.hash（默认）——即地址栏URL中的#符号（此hash不是密码学里的散列运算）。 比如这个URL:http://www.abc.com/#/hello
Vue路由Hash模式分析 Vue-router是Vue的核心组件，主要是作为Vue的路由管理器，Vue-router默认hash模式，即使用URL的Hash来模拟一个完整的URL，当URL改变时页面不会重新加载。 描述 Hash符号即#原本的目的是用来指示URL中指示网页中的位置，例如https:
原创
2022-05-27 19:43:37
1053阅读
这个问题本身不难，但是由于项目中的需求太过于复杂，结果导致这个问题变得不是那么容易实现。在网上一搜，结果如下： 我不知道是who copy who？反正介绍的所谓的三种方法，第一种都是无法运行的，很明显的bug,第二三种方法都是入门级知识，这几位大哥写博客自己都不先运行一下吗？唉，不吐槽了，说说我的解决方案吧：在需要记录滚动位置的地方执行下面的操作：int scrollPos = refreshL
原创
2021-07-29 08:58:47
280阅读
这个问题本身不难，但是由于项目中的需求太过于复杂，结果导致这个问题变得不
原创
2022-04-06 16:04:34
149阅读
Vue的路由机制主要是通过两种模式实现的第一种模式是hash模式第二种是H5的history模式这是默认的hash模式的路由：改成history模式后const router = new VueRouter({
mode:"history",
routes
})
export default routerHash模式hash模式是以url的hash值来作为路由，这也是vue的
转载
2024-06-13 12:05:00
600阅读
前置路由守卫知识全局后置路由守卫router.afterEach((to,from,next)=>{
console.log(to,from,next)
})输出:{name: 'zhuye', meta: {…}, path: '/home', hash: '', query: {…}, …}
{name: null, meta: {…}, path: '/', hash: ''
直观上的区别是：hash模式下history模式下致命区别hash模式下，上线之后不会出现问题。history 模式下，会出现一个致命的BUG，在服务器上面上线之后，点击页面跳转没有问题，但是一旦点击刷新页面会出现404错误,原因是history模式下刷新界面，就等同于向服务器直接请求: www.louhc.com/jichu/123。但是在服务器后端的路径配置中压根就没有 /jichu/123
# Vue中实现iOS设备滚动到指定位置的指南
在Vue应用中实现在iOS设备上滚动到指定位置并不是一件复杂的事情，然而由于各种原因（如：浏览器的默认行为、触控事件等），你可能会遇到一些小挑战。在这篇文章中，我将教你如何在Vue中实现这一功能，并且详细解释每一个步骤。
## 整体流程
首先，我们来明确实现这一功能的整体步骤。以下是步骤的概要，使用表格展示：
| 步骤 | 描述
参考文档（技术博客支持原创作者分享，尊重别人的劳动成果）hash —— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。 比如这个 URL：http://www.abc.com/#/hello，hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此
在文档页面(http://localhost:8080/document)拉动滚动条，然后刷新浏览器会发现滚动条依然在原来的位置，这是浏览器的默认行为，会记录浏览器滚动条默认位置。但是点击浏览器“前进/后退”按钮，会发现当初那个页面的滚动条从0开始了，没有记录上一次滚动条的位置。现在要求点击浏览器“前进/后退”按钮，页面滚动条要记录上一次的位置，这时需要设置它的的滚动行为。这时候需要在路由配置中设
转载
2024-01-04 21:41:39
89阅读
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> 记录滚动条位置 </TITLE>&nbs
原创
2012-11-18 20:47:00
454阅读
