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

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

news 2026/4/15 9:25:53

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

EVA-01企业微信机器人实战：5步打造移动端图片分析助手

EVA-01企业微信机器人实战&#xff1a;5步打造移动端图片分析助手 1. 项目背景与价值 在移动办公场景中&#xff0c;我们经常遇到需要快速分析图片内容的场景&#xff1a;工厂设备巡检、产品设计评审、文档信息提取等。传统方式需要将图片传输到电脑端&#xff0c;再通过专业…...

编程新知 2026/4/15 7:53:26

Apollo Client 终极指南：从零构建宝可梦图鉴应用的完整教程

Apollo Client 终极指南&#xff1a;从零构建宝可梦图鉴应用的完整教程 【免费下载链接】learnapollo &#x1f469;&#x1f3fb;‍&#x1f3eb; Learn Apollo - A hands-on tutorial for Apollo GraphQL Client (created by Graphcool) 项目地址: https://gitcode.com/gh_…...

编程新知 2026/4/15 7:29:16

CentOS 7.9 搭建 PXE 服务器，批量网络安装 CentOS 7.9和9双系统【20260414】004篇

文章目录 一、CentOS 7.9 最终版 KS：ks7.cfg 二、CentOS Stream 9 最终版 KS：ks9.cfg 三、配套 PXE 菜单最终版（pxelinux.cfg/default） 四、UEFI 引导 grub.cfg 最终版 五、关键说明（一次讲清） 环境约定（你之前的 PXE 服务器）： PXE 服务器 IP：192.168.1.100 安装源：…...

编程新知 2026/4/15 6:18:30

Unity TextMesh Pro字体资产管理与性能优化实战

1. TextMesh Pro字体资产的核心原理 第一次接触TextMesh Pro的开发者往往会被它的字体系统搞懵——为什么同样的字体要区分"Unity字体资产"和"TMP字体资产"&#xff1f;这得从它的底层设计说起。简单来说&#xff0c;Unity字体资产&#xff08;.ttf/.otf文…...

编程新知 2026/4/15 5:37:40

构建可泛化多模态底座的48小时攻坚实录：含23个真实标注冲突案例与自动修复脚本（限前500名领取）

第一章&#xff1a;多模态大模型训练数据构建策略的范式演进 2026奇点智能技术大会(https://ml-summit.org) 多模态大模型的数据构建已从早期人工标注与规则驱动&#xff0c;跃迁至以自监督对齐、跨模态蒸馏和合成反馈闭环为核心的协同演化范式。这一演进不仅反映在数据规模的…...

编程新知 2026/4/15 5:22:55

全栈测试工程师：未来5年必备技能树

数字化转型下的测试角色重构在AI测试工具普及率突破60%的2026年&#xff0c;软件测试领域正经历从单一功能验证向全生命周期质量保障的转型。全栈测试工程师作为质量保障体系的核心枢纽&#xff0c;需构建技术深度与业务广度双轮驱动的能力模型。本文将系统解构未来五年测试从业…...

编程新知 2026/4/15 4:18:19

Python如何找局部极值_scipy.signal.argrelextrema找波峰波谷

scipy.signal.argrelextrema 默认要求严格大于/小于邻点&#xff0c;故平台段、噪声或高采样率下易漏峰&#xff1b;需先平滑、确保一维输入、显式指定axis和比较函数&#xff0c;并用order3起调参&#xff1b;波峰波谷可统一用argrelextrema(-data)推导&#xff1b;索引须映射…...

编程新知 2026/4/15 3:47:30

当AI搜索引擎开始替用户做消费决策，品牌的媒介宣发逻辑也正在被彻底改写

去年年底&#xff0c;联合利华CEO在内部会上说了句话&#xff0c;传出来后不少品牌人都在转。他说“懒惰营销的时代已经结束了”&#xff0c;一年只拍几条广告、围绕几个新品做营销的传统打法&#xff0c;已经彻底失效。这话放在2026年的媒介宣发语境下&#xff0c;几乎是一份判…...

编程新知 2026/4/15 3:28:59

从DDR4到DDR5，我的PCB布线避坑血泪史：信号、电源、时序一个都不能错

从DDR4到DDR5的PCB设计实战&#xff1a;一位工程师的避坑指南 第一次拿到DDR5的设计需求时&#xff0c;我自信满满地以为这不过是DDR4的"小升级版"。直到项目进入调试阶段&#xff0c;那些诡异的信号完整性问题、莫名其妙的时序错误和电源噪声导致的随机崩溃&#xf…...

编程新知 2026/4/15 2:57:59

Matlab多尺度形态学在眼前节组织提取中的应用：原理与代码实现

Matlab基于多尺度形态学提取眼前节组织 多尺度形态学分割的基本原理&#xff1a;数学形态学是处理和分析几何结构的一种基本技术&#xff0c;是一种基于集合理论技术&#xff0c;通常应用于图像处理中&#xff0c;是一种非常有用的图像分割工具。 代码可正常运行眼科图像处理中…...

编程新知 2026/4/15 2:57:59