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

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

news 2025/6/21 22:37:09

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

Qt/C++开发监控GB28181系统/取流协议/同时支持udp/tcp被动/tcp主动

一、前言说明 在2011版本的gb28181协议中&#xff0c;拉取视频流只要求udp方式&#xff0c;从2016开始要求新增支持tcp被动和tcp主动两种方式&#xff0c;udp理论上会丢包的&#xff0c;所以实际使用过程可能会出现画面花屏的情况&#xff0c;而tcp肯定不丢包&#xff0c;起码…...

编程新知 2025/6/21 2:12:34

C++：std::is_convertible

C++标志库中提供is_convertible，可以测试一种类型是否可以转换为另一只类型： template <class From, class To> struct is_convertible; 使用举例： #include <iostream> #include <string>using namespace std;struct A { }; struct B : A { };int main…...

编程新知 2025/6/11 15:23:57

FFmpeg 低延迟同屏方案

引言 在实时互动需求激增的当下&#xff0c;无论是在线教育中的师生同屏演示、远程办公的屏幕共享协作&#xff0c;还是游戏直播的画面实时传输&#xff0c;低延迟同屏已成为保障用户体验的核心指标。FFmpeg 作为一款功能强大的多媒体框架&#xff0c;凭借其灵活的编解码、数据…...

编程新知 2025/6/21 15:38:27

（二）原型模式

原型的功能是将一个已经存在的对象作为源目标，其余对象都是通过这个源目标创建。发挥复制的作用就是原型模式的核心思想。 一、源型模式的定义 原型模式是指第二次创建对象可以通过复制已经存在的原型对象来实现，忽略对象创建过程中的其它细节。 📌 核心特点： 避免重复初…...

编程新知 2025/6/18 20:36:15

【Go】3、Go语言进阶与依赖管理

前言 本系列文章参考自稀土掘金上的 【字节内部课】公开课&#xff0c;做自我学习总结整理。 Go语言并发编程 Go语言原生支持并发编程&#xff0c;它的核心机制是 Goroutine 协程、Channel 通道&#xff0c;并基于CSP&#xff08;Communicating Sequential Processes&#xff0…...

编程新知 2025/6/17 16:58:36

Linux云原生安全：零信任架构与机密计算

Linux云原生安全&#xff1a;零信任架构与机密计算 构建坚不可摧的云原生防御体系 引言&#xff1a;云原生安全的范式革命 随着云原生技术的普及&#xff0c;安全边界正在从传统的网络边界向工作负载内部转移。Gartner预测&#xff0c;到2025年&#xff0c;零信任架构将成为超…...

编程新知 2025/6/15 21:40:52

Rust 异步编程

Rust 异步编程 引言 Rust 是一种系统编程语言，以其高性能、安全性以及零成本抽象而著称。在多核处理器成为主流的今天，异步编程成为了一种提高应用性能、优化资源利用的有效手段。本文将深入探讨 Rust 异步编程的核心概念、常用库以及最佳实践。 异步编程基础 什么是异步…...

编程新知 2025/6/20 11:52:30

《基于Apache Flink的流处理》笔记

思维导图 1-3 章 4-7章 8-11 章 参考资料 源码&#xff1a; https://github.com/streaming-with-flink 博客 https://flink.apache.org/bloghttps://www.ververica.com/blog 聚会及会议 https://flink-forward.orghttps://www.meetup.com/topics/apache-flink https://n…...

编程新知 2025/6/19 5:57:06

k8s业务程序联调工具-KtConnect

概述 原理 工具作用是建立了一个从本地到集群的单向VPN&#xff0c;根据VPN原理&#xff0c;打通两个内网必然需要借助一个公共中继节点&#xff0c;ktconnect工具巧妙的利用k8s原生的portforward能力&#xff0c;简化了建立连接的过程&#xff0c;apiserver间接起到了中继节…...

编程新知 2025/6/21 14:07:25

基于Java+MySQL实现（GUI）客户管理系统

客户资料管理系统的设计与实现 第一章 需求分析 1.1 需求总体介绍 本项目为了方便维护客户信息为了方便维护客户信息&#xff0c;对客户进行统一管理&#xff0c;可以把所有客户信息录入系统&#xff0c;进行维护和统计功能。可通过文件的方式保存相关录入数据&#xff0c;对…...

编程新知 2025/6/15 6:01:46