当前位置： 首页 > news >正文

hash 模式和 history 模式的实现原理

news 2025/12/15 23:53:00

hash 模式和 history 模式的实现原理：

  • #后面的 hash 值的变化不会导致浏览器向服务器发出请求，浏览器不发出请求，就不会刷新页面。通过监听 hashchange 事件的变化可以知道 hash 值发生了哪些变化，然后根据 hash 值的变化来实现更新页面部分内容的操作
  • history 模式的实现主要是通过 HTML5 标准发布的两个 api，pushstate 和 replacestate。这两个 api 可以改变 url，但不会发出请求。这样可以监听 url 的变化来实现页面部分内容的更新。

hash 模式和 history 模式的区别主要有：
1.首先是 url 的展示上 hash 有#而 history 没有
2.刷新页面时，hash 模式可以加载 hash 值对应的页面；history 模式下如果没有处理，则会返回 404，一般需要后端对所有页面配置重定向到首页路由。
3.hash 可以兼容低版本的浏览器以及 ie

相关文章：

hash 模式和 history 模式的实现原理

hash 模式和 history 模式的实现原理： #后面的 hash 值的变化不会导致浏览器向服务器发出请求，浏览器不发出请求，就不会刷新页面。通过监听 hashchange 事件的变化可以知道 hash 值发生了哪些变化，然后根据 hash 值的变化来实现更…...

编程日记 2023/8/4 9:56:12

并发编程Part 2

1. JMM 问题：请你谈谈你对volatile的理解? volitile 是 Java 虚拟机提供的一种轻量级的同步机制 ，三大特性： 保证可见性 不保证原子性 禁止指令重排 线程之间如何通信？ 通信是指线程之间以如何来交换信息。一般线程之间的通信…...

编程日记 2023/8/4 9:55:11

springboot异步多线程的实现

1、配置线程池相关参数 package com.xxx.test.config;import lombok.extern.slf4j.Slf4j; import org.springframework.aop.interceptor.AsyncUncaughtExceptionHandler; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation…...

编程日记 2023/8/4 9:54:07

测试相关基础概念与常见开发模型

目录 1. 什么是需求 1.1 需求的定义 1.2 为什么有需求?为什么需求对软件测试人员如此重要? 1.3 测试人员眼里的需求(重要) 1.4 如何深入了解需求 2. 测试用例 2.1 什么是测试用例 2.2 为什么有测试用例 3. 什么是BUG 3.1 BUG定义 3.2 如何描述一个BUG 3.3 如何定义bug的级别 …...

编程日记 2023/8/4 9:53:06

MySQL安装详细教程！！！

安装之前，先卸载你之前安装过的数据库程序，否则会造成端口号占用的情况。 1.首先下载MySQL:MySQL :: Download MySQL Community Server(下载路径) 2.下载版本不一样，安装方法略有不同；（版本5的安装基本一致&#xff0c…...

编程日记 2023/8/4 9:52:05

前端下载文化部几种方法(excel,zip,html,markdown、图片等等)和导出 zip 压缩包

文章目录 1、location.href2、location.href3、a标签4、请求后端的方式5、文件下载的方式6、Blob和Base647、下载附件方法(excel,zip,html,markdown)8、封装下载函数9、导出 zip 压缩包相关方法(流方式) 总结 1、location.href //get请求 window.location.href url;2、locati…...

编程日记 2023/8/4 9:51:04

铠甲网络面试（部分）

如何用Redis实现分布式锁的？如果设置的超时时间到了，但占有锁的任务还未完成，怎么办？答案：定时任务进行检测与续约，具体参考 本博----《专题三分布式系统》之《第三章 集中式缓存Redis》之 《第三节 Redis底…...

编程日记 2023/8/4 9:50:02

elasticsearch 将时间类型为时间戳保存格式的时间字段格式化返回

dsl查询用法如下： GET /your_index/_search {"_source": {"includes": ["timestamp", // Include the timestamp field in the search results// Other fields you want to include],"excludes": []},"query": …...

编程日记 2023/8/4 9:49:01

淘宝商品列表怎么通过接口形式导出？

淘宝是目前国内最大的电商平台之一，拥有海量的商品资源。但是，有时候我们需要对淘宝商品进行批量操作，比如进行价格比较、数据分析等等。这时候，我们就需要将淘宝商品列表导出。那么，淘宝商品列表怎么导出呢?又可以按…...

编程日记 2023/8/4 9:47:59

TWS真无线蓝牙耳机哪家好？六款口碑好的TWS真无线蓝牙耳机分享

为了帮助大家在这个充满选择的世界中找到最理想的蓝牙耳机，我们特别为您精心挑选了几款备受赞誉的产品，它们在音质、舒适度、功能和性价比等方面都有出色的表现。在本文中，我们将深入探讨这些蓝牙耳机的特点和优势，帮助您更好地了…...

编程日记 2023/8/4 9:46:58

解决Win11右键菜单问题

✅作者简介：大家好，我是Cisyam，热爱Java后端开发者，一个想要与大家共同进步的男人😉😉 🍎个人主页：Cisyam-Shark的博客 💞当前专栏： 程序日常 ✨特色专栏&…...

编程日记 2023/8/4 9:45:56

开源元数据管理平台Datahub最新版本0.10.5——安装部署手册（附离线安装包）

大家好，我是独孤风。 开源元数据管理平台Datahub近期得到了飞速的发展。已经更新到了0.10.5的版本，来咨询我的小伙伴也越来越多，特别是安装过程有很多问题。本文经过和群里大伙伴的共同讨论，总结出安装部署Datahub最新版本的部署手…...

编程日记 2023/8/4 9:44:55

归并排序——“数据结构与算法”

各位CSDN的uu们好呀，今天，小雅兰的内容仍然是数据结构与算法专栏的排序呀，下面，让我们进入归并排序的世界吧！！！ 归并排序 归并排序（MERGE-SORT）是建立在归并操作上的一种…...

编程日记 2023/8/4 9:43:53

C语言笔试题训练【第一天】

目录 第一题 第二题 第三题 第四题 第五题 大家好，我是纪宁。 从今天开始博主会日更一些经典的C语言笔试题，持续20天左右。题目类型为5道选择题加2道编程题，希望能和大家一起进步。 第一题 1.读程序，下面程序正确的输出是&…...

编程日记 2023/8/4 9:42:52

计算语言模型计算每秒钟生成的token数量it/s

在 main() 函数的stream循环中，我们可以计算每秒钟生成的token数量，然后输出 it/s。在流式生成过程中，我们可以使用Python的time模块来计算速度。在测试时，生成速度会受到多个因素的影响，包括设备性能、模型大小、输入…...

编程日记 2023/8/4 9:41:51

Clickhouse调研

1、独立组件个数(按进程) 默认情况下是1个；如果需要使用副本机制，需要依赖zookeeper；如果需要监控功能，还得依赖第三方监控系统。 2、单机部署 很好的支持单机运行，并且单机情况下查询入库性能不错（通过其提供的示例数据进行体验）。 3、窗口函数 Clickhouse没有显示…...

编程日记 2023/8/4 9:40:48

02.Redis实现添加缓存功能

学习目标&#xff1a; 提示&#xff1a;学习如何利用Redis实现添加缓存功能 学习产出&#xff1a; 流程图 1. 准备pom环境 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-redis</artifactId&g…...

编程日记 2023/8/4 9:39:47

【1.2】Java微服务：SpringCloud概论

✅作者简介&#xff1a;大家好&#xff0c;我是 Meteors., 向往着更加简洁高效的代码写法与编程方式&#xff0c;持续分享Java技术内容。 &#x1f34e;个人主页&#xff1a;Meteors.的博客 &#x1f49e;当前专栏&#xff1a; 微服务 ✨特色专栏&#xff1a; 知识分享 &#x…...

编程日记 2023/8/4 9:38:46

右键文件夹 ------- 打开 vscode的方法

1、右键vscode点击属性 2、这是地址栏&#xff0c;一会复制即可 3、新建一个txt文件,将这个复制进去 Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\*\shell\VSCode] "Open with Code" "Icon""D:\\Microsoft VS Code\\Code.exe"[HKE…...

编程日记 2023/8/4 9:37:45

小程序原生实现左右锚点联动

效果 wxml <view classbox><scroll-view scroll-y scroll-with-animation style"width:25%"><view classnav><view wx:for"{{navList}}" wx:keyindex class"title {{index active ?select:}}"data-index{{index}} bin…...

编程日记 2023/8/4 9:36:44

XML Group端口详解

在XML数据映射过程中&#xff0c;经常需要对数据进行分组聚合操作。例如&#xff0c;当处理包含多个物料明细的XML文件时&#xff0c;可能需要将相同物料号的明细归为一组&#xff0c;或对相同物料号的数量进行求和计算。传统实现方式通常需要编写脚本代码&#xff0c;增加了开…...

编程新知 2025/12/14 9:58:03

【Python】 -- 趣味代码 - 小恐龙游戏

文章目录 文章目录 00 小恐龙游戏程序设计框架代码结构和功能游戏流程总结01 小恐龙游戏程序设计02 百度网盘地址00 小恐龙游戏程序设计框架 这段代码是一个基于 Pygame 的简易跑酷游戏的完整实现，玩家控制一个角色（龙）躲避障碍物（仙人掌和乌鸦）。以下是代码的详细介绍：…...

编程新知 2025/12/7 13:42:04

Prompt Tuning、P-Tuning、Prefix Tuning的区别

一、Prompt Tuning、P-Tuning、Prefix Tuning的区别 1. Prompt Tuning（提示调优） 核心思想：固定预训练模型参数，仅学习额外的连续提示向量（通常是嵌入层的一部分）。实现方式：在输入文本前添加可训练的连续向量（软提示），模型只更新这些提示参数。优势：参数量少（仅提…...

编程新知 2025/12/15 19:22:53

Spark 之 入门讲解详细版（1）

1、简介 1.1 Spark简介 Spark是加州大学伯克利分校AMP实验室&#xff08;Algorithms, Machines, and People Lab&#xff09;开发通用内存并行计算框架。Spark在2013年6月进入Apache成为孵化项目&#xff0c;8个月后成为Apache顶级项目&#xff0c;速度之快足见过人之处&…...

编程新知 2025/12/9 2:48:30

从WWDC看苹果产品发展的规律

WWDC 是苹果公司一年一度面向全球开发者的盛会&#xff0c;其主题演讲展现了苹果在产品设计、技术路线、用户体验和生态系统构建上的核心理念与演进脉络。我们借助 ChatGPT Deep Research 工具&#xff0c;对过去十年 WWDC 主题演讲内容进行了系统化分析&#xff0c;形成了这份…...

编程新知 2025/12/14 20:50:48

【CSS position 属性】static、relative、fixed、absolute 、sticky详细介绍，多层嵌套定位示例

文章目录 ★ position 的五种类型及基本用法 ★ 一、position 属性概述 二、position 的五种类型详解（初学者版） 1. static（默认值） 2. relative（相对定位） 3. absolute（绝对定位） 4. fixed（固定定位） 5. sticky（粘性定位） 三、定位元素的层级关系（z-i…...

编程新知 2025/12/8 2:32:29

P3 QT项目----记事本（3.8）

3.8 记事本项目总结 项目源码 1.main.cpp #include "widget.h" #include <QApplication> int main(int argc, char *argv[]) {QApplication a(argc, argv);Widget w;w.show();return a.exec(); } 2.widget.cpp #include "widget.h" #include &q…...

编程新知 2025/12/12 10:35:10

GitHub 趋势日报 (2025年06月08日)

&#x1f4ca; 由 TrendForge 系统生成 | &#x1f310; https://trendforge.devlive.org/ &#x1f310; 本日报中的项目描述已自动翻译为中文 &#x1f4c8; 今日获星趋势图 今日获星趋势图 884 cognee 566 dify 414 HumanSystemOptimization 414 omni-tools 321 note-gen …...

编程新知 2025/12/13 1:32:15

12.找到字符串中所有字母异位词

&#x1f9e0; 题目解析 题目描述&#xff1a; 给定两个字符串 s 和 p&#xff0c;找出 s 中所有 p 的字母异位词的起始索引。 返回的答案以数组形式表示。 字母异位词定义&#xff1a; 若两个字符串包含的字符种类和出现次数完全相同&#xff0c;顺序无所谓&#xff0c;则互为…...

编程新知 2025/12/10 10:10:30

AI+无人机如何守护濒危物种？YOLOv8实现95%精准识别

【导读】 野生动物监测在理解和保护生态系统中发挥着至关重要的作用。然而&#xff0c;传统的野生动物观察方法往往耗时耗力、成本高昂且范围有限。无人机的出现为野生动物监测提供了有前景的替代方案&#xff0c;能够实现大范围覆盖并远程采集数据。尽管具备这些优势&#xf…...

编程新知 2025/12/11 9:47:05