React@16.x(45)路由v5.x(10)源码(2)- history
目录
- 1,作用
- 1.1,createBrowserHistory
- 1.2,createHashHistory
- 1.3,createMemoryHistory
- 2,history 对象的属性
- 2.1,action
- 2.2,push / replace / go / goBack / goForward
- 2.3,location
- 2.4,listen
- 2.5,block / getUserConfirmation
- 2.5,createHref
1,作用
react-router 在控制和监听地址变化时,使用的是第3方库 history,其中,
- react-router v5.x,使用的 history v4.x版本
- react-router v6.0.0,使用的 history v5.0版本
所以下面介绍的是 history v4.10.1 的 API,和 v5.0 是有差异的,注意区分。
另外,该对象不是 window.history
,而是一个抽离的对象,它提供统一的 API 接口,封装了具体的实现。
createBrowserHistory
,创建控制 浏览器真实地址 的history
对象;createHashHistory
创建控制 浏览器 hash 的history
对象;createMemoryHistory
创建控制 内存中地址栈 的history
对象(一般用于没有地址栏的环境,比如 APP 中)。
它们3个共同的特点:
- 维护了一个地址栈;
- 返回的
history
对象结构完全一致。
v5 版本,在使用下面3个方法时,已经没有配置项了。
1.1,createBrowserHistory
配置项:
basename
:设置根路径。forceRefresh
:地址改变时是否强制刷新页面。keyLength
:location对象使用的 key 值长度。- 地址栈中记录的并非字符串,而是一个
location
对象。
- 地址栈中记录的并非字符串,而是一个
getUserConfirmation
:一个函数,该函数当调用history.block()
后,发生页面跳转时运行。
1.2,createHashHistory
配置项:
hashType
:#
号后给定的路径格式(注意#
后的内容)hashbang
:被chrome弃用,#!
路径noslash
:#a/b/c
slash
:#/a/b/c
1.3,createMemoryHistory
略。
2,history 对象的属性
官方API介绍
2.1,action
当前地址栈,最后一次操作的类型。(该属性没什么用)
- 如果是通过
createXXXHistory
函数新创建的history
对象,action
固定为POP
。 - 如果调用了
history.push()
,action
变为PUSH
;同理调用history.replace()
,会变为REPLACE
。 - 其他的
go
,goForward
等方法,不会改变action
。
只要是新创建的
history
,action
都是POP
。
比如通过已创建的history
执行了push
操作,action
变为PUSH
。此时再次创建新的history
对象,action
又会变为POP
。
2.2,push / replace / go / goBack / goForward
这些顾名思义,不多赘述。
2.3,location
表示当前地址中的信息,包括的属性(和 react-router
中的一样):
{"pathname": "/","search": "","hash": "","state": null,"key": "xfadfd"
}
key
属性,是为了区分2个相同的地址。因为在地址栈中,存储的是 location
对象,通过 key
做唯一性判断。
2.4,listen
在之前的文章 React 路由守卫 中已经介绍了使用方式。
是react-router
实现无刷新跳转的关键。
用于监听地址栈指针的变化。该函数接收一个函数作为参数,该参数表示地址变化后要做的事情
参数函数接收两个参数:
location
:记录了新的地址信息;action
:进入新地址的方式:POP
:调用go
、goBack
、goForward
、用户点击浏览器后退按钮。PUSH
/REPLACE
该函数有一个返回值,返回的是一个函数,用于取消监听。
2.5,block / getUserConfirmation
同样的,在之前的文章 React 路由守卫 中已经介绍了使用方式。
block
用于设置一个阻塞,当页面发生跳转时,会将指定的消息传递到getUserConfirmation
,并调用 getUserConfirmation
函数。
block
函数接收一个字符串作为参数,表示消息内容。也可以接收一个函数作为参数,函数的返回值是消息内容。
该函数返回一个取消函数,调用取消函数可以解除阻塞。
2.5,createHref
返回一个可以直接作为 <a href="">
的字符串,其实就是 bashname
+ url
。
const href= history.createHref(location);
以上。
相关文章:
![](https://www.ngui.cc/images/no-images.jpg)
React@16.x(45)路由v5.x(10)源码(2)- history
目录 1,作用1.1,createBrowserHistory1.2,createHashHistory1.3,createMemoryHistory 2,history 对象的属性2.1,action2.2,push / replace / go / goBack / goForward2.3,location2.…...
![](https://img-blog.csdnimg.cn/direct/fc5c0ede7f4b4a38b0920cb7e1c559e2.png#pic_center)
grpc学习golang版( 八、双向流示例 )
系列文章目录 第一章 grpc基本概念与安装 第二章 grpc入门示例 第三章 proto文件数据类型 第四章 多服务示例 第五章 多proto文件示例 第六章 服务器流式传输 第七章 客户端流式传输 第八章 双向流示例 文章目录 一、前言二、定义proto文件三、编写server服务端四、编写client客…...
![](https://img-blog.csdnimg.cn/direct/4592fa3ab266405d954f98bf92ef66ff.png)
SpringBoot学习05-[SpringBoot的嵌入式Servlet容器]
SpringBoot的嵌入式Servlet容器 嵌入式Servlet容器servlet容器-嵌入式servlet容器配置修改通过全局配置文件修改修改添加实现了WebServerFactoryCustomizer接口的bean来进行修改 servlet容器-注册servlet三大组件应该如何注册呢?servlet3.0规范提供的注解方式进行注…...
![](https://www.ngui.cc/images/no-images.jpg)
查看Oracle是哪个Oracle_home 下启动的
[rootrac1 ~]# ps -ef|grep smon root 413 24903 0 22:30 pts/0 00:00:00 grep --colorauto smon root 27165 1 0 22:11 ? 00:00:09 /u01/app/19.0.0/grid/bin/osysmond.bin grid 27784 1 0 22:12 ? 00:00:00 asm_smon_ASM1 oracl…...
![](https://img-blog.csdnimg.cn/direct/d60c8c2584cb4314a857c0e5c82ca119.png)
重温react-06(初识函数组件和快速生成格式的插件使用方式)
开始 函数组件必然成为未来发展的趋势(个人见解),总之努力的去学习,才能赚更多的钱.加油呀! 函数组件的格式 import React from reactexport default function LearnFunction01() {return (<div>LearnFunction01</div>) }以上是函数式组件的组基本的方式 快捷生…...
![](https://www.ngui.cc/images/no-images.jpg)
【高考志愿】仪器科学与技术
目录 一、专业介绍 1.1 专业概述 1.2 专业方向 1.3 主要课程 二、专业技能与素质培养 三、就业前景 四、个人发展规划建议 五、仪器科学与技术专业排名 六、总结 一、专业介绍 1.1 专业概述 仪器科学与技术专业是一门综合性极强的学科,它融合了测量、控制…...
![](https://www.ngui.cc/images/no-images.jpg)
Elasticsearch的Mapping
Elasticsearch的Mapping Mapping是什么 Mapping定义了ES的索引结构、字段类型、分词器等,是索引的一部分。类似于关系型数据库中“表结构”的概念,在 Mapping 里也包含了一些属性,比如字段名称、类型、字段使用的分词器、是否评分、是否创建…...
![](https://www.ngui.cc/images/no-images.jpg)
【vocabulary in use (elementary)】6 Health and Illness
very well / fine 很好 ill sick 生病 I feel terrible 感觉很差 headache 头疼 toothache 牙疼 dentist medicine 药 pills 片药 caps 胶囊 aspirin 阿司匹林 antibiotic 抗生素 vitamin 维生素 painkiller 止痛药 dentist 牙医 got a cold 感冒 for many years 很多年 all th…...
![](https://img-blog.csdnimg.cn/direct/5a34e13802444f1f93ea9446713318bb.png)
探囊取物之多形式注册页面(基于BootStrap4)
基于BootStrap4的注册页面,支持手机验证码注册、账号密码注册 低配置云服务器,首次加载速度较慢,请耐心等候;演练页面可点击查看源码 预览页面:http://www.daelui.com/#/tigerlair/saas/preview/ly4gax38ub9j 演练页…...
![](https://img-blog.csdnimg.cn/direct/7ed2984047af480c8adbcd9d7bf8047e.jpeg)
【C++进阶学习】第五弹——二叉搜索树——二叉树进阶及set和map的铺垫
二叉树1:深入理解数据结构第一弹——二叉树(1)——堆-CSDN博客 二叉树2:深入理解数据结构第三弹——二叉树(3)——二叉树的基本结构与操作-CSDN博客 二叉树3:深入理解数据结构第三弹——二叉树…...
![](https://img-blog.csdnimg.cn/direct/7ba106640b7b4d929f4c0a2e44a8c623.png)
【RabbitMQ实战】Springboot 整合RabbitMQ组件,多种编码示例,带你实践 看完这一篇就够了
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、对RabbitMQ管理界面深入了解1、在这个界面里面我们可以做些什么? 二、编码练习(1)使用direct exchange(直连型交换机)&a…...
![](https://img-blog.csdnimg.cn/direct/18e075b194764d728b8a9959531b5a2a.gif#pic_center)
【你也能从零基础学会网站开发】理解DBMS数据库管理系统架构,从用户到数据到底经历了什么
🚀 个人主页 极客小俊 ✍🏻 作者简介:程序猿、设计师、技术分享 🐋 希望大家多多支持, 我们一起学习和进步! 🏅 欢迎评论 ❤️点赞💬评论 📂收藏 📂加关注 其实前面我们也…...
![](https://www.ngui.cc/images/no-images.jpg)
Vue.js 中的API接口封装实战与详解
在开发Web应用的过程中,我们常常需要和服务器进行数据交互,这就涉及到了API接口的调用。在Vue.js项目中,为了提高代码复用性、可维护性和降低错误率,我们将API接口进行合理的封装显得尤为重要。本文将详细介绍如何在Vue.js项目中实…...
![](https://www.ngui.cc/images/no-images.jpg)
职场内卷、不稳定、没前景……怎么破?
经济下行期,大家普遍反映混职场艰难。 再深究下,发现造成职场艰难的原因主要有三个: 1.内卷:狼多肉少 2.不稳定:裁员总是不期而遇 3.没前景:明知过几年会被优化,但无法改变,死气沉沉…...
![](https://img-blog.csdnimg.cn/direct/900ff18dbc0f4184acffafde6b0cffac.png)
LeetCode 算法:将有序数组转换为二叉搜索树 c++
原题链接🔗:将有序数组转换为二叉搜索树 难度:简单⭐️ 题目 给你一个整数数组 nums ,其中元素已经按 升序 排列,请你将其转换为一棵 平衡 二叉搜索树。 示例 1: 输入:nums [-10,-3,0,5,9]…...
![](https://img-blog.csdnimg.cn/direct/83e072c0971949a5a07f7ffcb5b7f4e1.jpeg)
智慧公厕系统改变了人们对服务区公厕的看法
在过去,服务区公厕常常给人留下脏乱差的印象,成为人们在长途旅行途中不愿停留的地方。然而,随着智慧科技的不断发展和应用,智慧公厕系统的出现改变了人们对服务区公厕的看法,为公共卫生设施的提升注入了新的活力。 一、…...
![](https://img-blog.csdnimg.cn/img_convert/3ea64f73ff35e7d9cc44c65010789854.png)
终极指南:RNNS、Transformers 和 Diffusion 模型
一、说明 作为广泛使用这些工具和模型的人,我的目标是解开 RNN、Transformer 和 Diffusion 模型的复杂性和细微差别,为您提供详细的比较,为您的特定需求提供正确的选择。 无论您是在构建语言翻译系统、生成高保真图像,还是处理时间…...
![](https://img-blog.csdnimg.cn/direct/52cde841aad34ea8998fe7a5f5adf708.png)
WPF UI 3D 基本概念 点线三角面 相机对象 材质对象与贴图 3D地球 光源 变形处理 动作交互 辅助交互插件 系列三
WPF UI交互专题 平面图形 Path Drawing 绘图 渐变 Brush 矩阵 Transform 变形 阴影效果 模糊效果 自定义灰度去色效果 系列二-CSDN博客 1软件中的3D基本概念 WPF 中 3D 功能的设计初衷并非提供功能齐全的游戏开发平台。 WPF 中的 3D 图形内容封装在 Viewport3D 元素中&#x…...
![](https://img-blog.csdnimg.cn/direct/143ec88faa59426abe0068f47c769c4e.png)
分子AI预测赛Task2笔记
下面所述比较官方的内容都来自官方文档 Task2:赛题深入解析 - 飞书云文档 (feishu.cn) 赛题背景 强调了人工智能在科研领域&…...
![](https://www.ngui.cc/images/no-images.jpg)
剖析DeFi交易产品之UniswapV4:创建池子
本文首发于公众号:Keegan小钢 创建池子的底层函数是 PoolManager 合约的 initialize 函数,其代码实现并不复杂,如下所示: function initialize(PoolKey memory key, uint160 sqrtPriceX96, bytes calldata hookData)externalover…...
![](https://www.ngui.cc/images/no-images.jpg)
速盾:cdn内容分发服务有哪些优势?
CDN(Content Delivery Network)是指内容分发网络,是一种将网络内容分发到全球各个地点的技术和架构。在现代互联网架构中,CDN已经变得非常重要。CDN通过将内容分发到靠近用户的服务器上,提供高速、高效的服务。下面是C…...
![](https://img-blog.csdnimg.cn/img_convert/c1fc5ba335e851c74d6816685afc20d8.jpeg)
如何利用React和Python构建强大的网络爬虫应用
如何利用React和Python构建强大的网络爬虫应用 引言: 网络爬虫是一种自动化程序,用于通过互联网抓取网页数据。随着互联网的不断发展和数据的爆炸式增长,网络爬虫越来越受欢迎。本文将介绍如何利用React和Python这两种流行的技术,…...
![](https://img-blog.csdnimg.cn/img_convert/f309a1aea3d5fb4f93a3993a114fa764.jpeg)
炎黄数智人:招商局集团推出AI数字员工“招小影”
引言 在全球数字化浪潮的推动下,招商局集团开启了一项具有里程碑意义的项目。招商局集团将引入AI数字员工“招小影”,这一举措不仅彰显了招商局集团在智能化转型方面的坚定决心,也为企业管理模式的创新注入了新的活力。 “招小影”是一款集成…...
![](https://img-blog.csdnimg.cn/direct/3b18e2cd696048e78768c065fa068641.png)
【开发篇】明明配置跨域声明,为什么却仍可以发送HTTP请求
一、问题 在SpringBoot项目中,明确指定仅允许指定网站跨域访问: 为什么开发人员却仍旧可以通过HTTP工具调用接口? 二、为什么 在回答这个问题之前,我们首先要了解一下什么是CORS! 1、什么是CORS CORS的全称为跨域资源…...
![](https://img-blog.csdnimg.cn/img_convert/43e80b9163c47991fedfd90dda56899e.jpeg)
单片机中有FLASH为啥还需要EEROM?
在开始前刚好我有一些资料,是我根据网友给的问题精心整理了一份「单片机的资料从专业入门到高级教程」, 点个关注在评论区回复“888”之后私信回复“888”,全部无偿共享给大家!!! 一是EEPROM操作简单&…...
![](https://www.ngui.cc/images/no-images.jpg)
Qt的源码目录集合(V5.12.12版本)
目录 1.QObject实现源码 2.qml中的ListModel实现源码 3.qml中的JS运行时的环境和数据类型源码 1.QObject实现源码 .\Qt\Qt5.12.12\5.12.12\Src\qtbase\src\corelib\kernel\qobject.h .\Qt\Qt5.12.12\5.12.12\Src\qtbase\src\corelib\kernel\qobject.cpp .\Qt\Qt5.12.12\5…...
![](https://img-blog.csdnimg.cn/direct/a42caa14cad042b691a3126cf6473263.png)
记因hive配置文件参数运用不当导致 sqoop MySQL导入数据到hive 失败的案例
sqoop MySQL导入数据到hive报错 ERROR tool.ImportTool: Encountered IOException running import job: java.io.IOException: Hive exited with status 64 报错解释: 这个错误表明Sqoop在尝试导入数据到Hive时遇到了问题,导致Hive进程异常退出。状态码…...
![](https://www.ngui.cc/images/no-images.jpg)
自动化邮件通知:批处理脚本的通讯增强
自动化邮件通知:批处理脚本的通讯增强 引言 批处理脚本在自动化任务中扮演着重要角色,无论是在系统管理、数据处理还是日常任务调度中。然而,批处理脚本的自动化能力可以通过集成邮件通知功能得到显著增强。当脚本执行完毕或在执行过程中遇…...
![](https://img-blog.csdnimg.cn/direct/971c291a52aa4c0596931d942b0122b9.png)
236、二叉树的最近公共祖先
前提: 所有 Node.val 互不相同 。p ! qp 和 q 均存在于给定的二叉树中。 代码如下: class Solution { public:TreeNode* lowestCommonAncestor(TreeNode* root, TreeNode* p, TreeNode* q) {if (root q || root p || root NULL) return root;TreeN…...
![](https://img-blog.csdnimg.cn/direct/87ed86d9181f44358f55cd27c3e2f685.png#pic_center)
WebStorm 2024 for Mac JavaScript前端开发工具
Mac分享吧 文章目录 效果一、下载软件二、开始安装1、双击运行软件(适合自己的M芯片版或Intel芯片版),将其从左侧拖入右侧文件夹中,等待安装完毕2、应用程序显示软件图标,表示安装成功3、打开访达,点击【文…...
![](https://img-blog.csdnimg.cn/direct/721a634e45424b28808d5465330b662d.png)
【Redis7】零基础篇
1 课程概述 2 Redis入门概述 2.1 是什么 Redis是基于内存的KV键值对内存数据库 Redis:Remote Dictionary Server(远程字典服务)是完全开源的,使用ANSIC语言编写遵守BSD协议,是一个高性能的Key-Value数据库提供了丰富的数据结构,…...
![](https://img-blog.csdnimg.cn/direct/5878cc3a6b6d4a58930e1f15be32b924.gif#pic_center)
[ROS 系列学习教程] 建模与仿真 - 使用 ros_control 控制差速轮式机器人
ROS 系列学习教程(总目录) 本文目录 一、差速轮式机器人二、差速驱动机器人运动学模型三、对外接口3.1 输入接口3.2 输出接口 四、控制器参数五、配置控制器参数六、编写硬件抽象接口七、控制机器人移动八、源码 ros_control 提供了多种控制器,其中 diff_drive_cont…...
![](https://www.ngui.cc/images/no-images.jpg)
Ubuntu22.04使用Systemd设置ROS 2开机自启动遇到的问题
在查找网上的各种开机自启动资料配置好开机自启动后,使用ros2 topic list不能显示话题。 1、问题解决:用户问题与domenID问题2、ROS2开机自启动服务教程3、多个ROS2开机自启动服务教程 1、问题解决:用户问题与domenID问题 在root用户下能看到…...
![](https://www.ngui.cc/images/no-images.jpg)
AI安全研究滞后?清华专家团来支招
在21世纪的科技浪潮中,人工智能(AI)无疑是最为耀眼的一抹亮色。随着技术的不断突破,AI正以前所未有的速度融入我们的日常生活,重塑着社会、经济乃至人类文明的面貌。然而,在这股汹涌澎湃的发展洪流中&#…...
![](https://www.ngui.cc/images/no-images.jpg)
12寸FAB 信息部内外工作职责的一些划分构思
FAB的信息部,也常被称为IT部门或信息化部门,承担着确保整个制造工厂的信息技术系统高效、安全运行的职责。以下是 一、FAB信息部的一些关键部门职责: 1. 战略规划:制定和实施信息技术战略,以支持FAB的长期业务目标和增…...
![](https://img-blog.csdnimg.cn/img_convert/4ad30143bd70ae24baa8d52c8084891b.png)
css做旋转星球可举一反三
<!DOCTYPE html> <html lang"en"><head> <meta charset"UTF-8" /> <title>旋转的星球</title> <style type"text/css">.box {/*position: relative;*/position: absolute;width: 139px;height: 139p…...
![](https://img-blog.csdnimg.cn/direct/f14e80feb5c3493494be7d284c14f2e0.png)
AcWing 1256:扩展二叉树
【题目来源】https://www.acwing.com/problem/content/1258/【题目描述】 由于先序、中序和后序序列中的任一个都不能唯一确定一棵二叉树,所以对二叉树做如下处理,将二叉树的空结点用 补齐,如图所示。 我们把这样处理后的二叉树称为原二叉树…...
![](https://img-blog.csdnimg.cn/direct/f199052a25d446b8af694f4e7e2859d0.png)
三维家:SaaS的IT规模化降本之道|OceanBase 《DB大咖说》(十一)
OceanBase《DB大咖说》第 11 期,我们邀请到了三维家的技术总监庄建超,来分享他对数据库技术的理解,以及典型 SaaS 场景在数据库如何实现规模化降本的经验与体会。 庄建超,身为三维家的技术总监,独挑大梁,负…...
![](https://www.ngui.cc/images/no-images.jpg)
ai智能语音机器人是如何影响客户体验的?电销机器人部署
随着人工智能技术的进步,越来越多的企业在寻求如何将人工智能技术融合到现有的商业模式上,进而实现自动化、智能化。在通信行业大量使用智能语音机器人、聊天机器人、客服机器人时,它能和“客户体验”并驾齐驱吗,还是可以让客户体…...
![](https://img-blog.csdnimg.cn/direct/481c9d5d7ef94ffca289c01f053544db.png)
vue3使用v-html实现文本关键词变色
首先看应用场景 这有一段文本内容,是项目的简介,想要实现将文本中的关键词进行变色处理 有如下关键词 实现思路 遍历文本内容,找到关键词,并使用某种方法更改其字体样式。经过搜寻资料决定采用v-html实现,但是v-h…...
![](https://www.ngui.cc/images/no-images.jpg)
C#面:举列 a=10,b=15,在不用第三方变量的前提下,把a,b的值互换
要在不使用第三方变量的前提下交换a和b的值,可以使用异或运算。异或运算的特性是,对于两个相同的数进行异或运算,结果为0;对于任意数与0进行异或运算,结果为该数本身。因此,可以通过多次异或运算来实现变量…...
![](https://img-blog.csdnimg.cn/direct/82fc2f38bfdb44ff8254bd09f385492d.png)
编写动态库
1.创建库.c .h文件 2.编写Makefile文件 3.make之后形成.so文件 4.make output,形成mylib 5.把mylib拷贝到test里面 mv mylib /test 6.编译 gcc main.c -I mylib/include -L mylib/lib -lmymethod形成a.out 但是直接执行会出现以下问题 很显然没有找到动态库 7.解决加载找不…...
![](https://img-blog.csdnimg.cn/direct/c411c5ac6e8c420492f043e590ee6e50.png)
记一次阿里云服务器java应用无法响应且无法远程连接的问题排查
问题表现 java服务无响应,无法远程链接到服务器。 今天中午12点多,应用直接崩溃。后续进入到服务器,发现java进程都不在了, 排查过程 先安装atop工具 安装、配置并使用atop监控工具 等下次再出现时看相关时间点日志ÿ…...
![](https://img-blog.csdnimg.cn/img_convert/ffc5942ef0f5b9f6e00c2a7180070a94.png)
雷池WAF+Modsecurity安装防护及系统加固
君衍. 一、雷池WAF1、什么是雷池2、什么是WAF3、雷池的功能4、WAF部署架构5、整体检测流程 二、雷池WAF环境依赖1、查看本地CPU架构2、Docker安装2.1 卸载旧版本2.2 安装yum-utils工具包2.3 设置镜像仓库2.4 安装docker2.5 启动docker并查看版本 3、Docker Compose安装3.1 卸载…...
![](https://img-blog.csdnimg.cn/direct/75f82cb33069453bba360e4c179d337a.png)
【Python】已解决:SyntaxError: positional argument follows keyword argument
文章目录 一、分析问题背景二、可能出错的原因三、错误代码示例四、正确代码示例五、注意事项 已解决:SyntaxError: positional argument follows keyword argument 一、分析问题背景 在Python编程中,当我们在调用函数时混合使用位置参数(p…...
![](https://img-blog.csdnimg.cn/direct/76e4ee827fc840b3afba02373597911e.png)
leetcode-20-回溯-切割、子集
一、[131]分割回文串 给定一个字符串 s,将 s 分割成一些子串,使每个子串都是回文串。 返回 s 所有可能的分割方案。 示例: 输入: "aab" 输出: [ ["aa","b"], ["a","a","b"] ] 分析&…...
![](https://img-blog.csdnimg.cn/direct/58d11ad54499478193a35be1a95cb574.png)
利用深度学习模型进行语音障碍自动评估
语音的产生涉及器官的复杂协调,因此,语音包含了有关身体各个方面的信息,从认知状态和心理状态到呼吸条件。近十年来,研究者致力于发现和利用语音生物标志物——即与特定疾病相关的语音特征,用于诊断。随着人工智能&…...
![](https://www.ngui.cc/images/no-images.jpg)
TP8 JS(html2canvas) 把DIV内容生成二维码并与背景图、文字组合生成分享海报
方法一:前端JS生成(推荐) 注意: 1.这个网页只能截图图片效果代码,其它任何html效果都不能有,不然截图就不准确 2.如果要生成的图片DIV内容中引用了第三个方的图片,就是不使用同一个域名下的图片,需要把后…...
![](https://www.ngui.cc/images/no-images.jpg)
计算机科学中的接口(Interface)介绍
计算机科学中的接口(Interface)介绍 计算机科学中,接口是一个广泛的概念,在不同上下文中有不同含义: 1.任何两电路或设备间的连接电路,用于连接CPU与内存、CPU与外设之间。这是一个重要的硬件层面的接口概…...
![](https://img-blog.csdnimg.cn/f90545a05db445cfb71c01c0c1f7827d.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBARGFuQ2hlbmctc3R1ZGlv,size_15,color_FFFFFF,t_70,g_se,x_16)
大创项目推荐 题目:基于深度学习卷积神经网络的花卉识别 - 深度学习 机器视觉
文章目录 0 前言1 项目背景2 花卉识别的基本原理3 算法实现3.1 预处理3.2 特征提取和选择3.3 分类器设计和决策3.4 卷积神经网络基本原理 4 算法实现4.1 花卉图像数据4.2 模块组成 5 项目执行结果6 最后 0 前言 🔥 优质竞赛项目系列,今天要分享的是 基…...
![](https://i-blog.csdnimg.cn/direct/1275c44953e64a20bb03b42785e67482.png)
Apache Flink架构介绍
目录 一、Apache Flink架构组件栈 1.1 概述 1.2 架构图 1.3 架构分层组件说明 1.3.1 物理部署层 1.3.2 Runtime 核心层 1.3.3 API & Libraries层 二、Flink运行时架构 2.1 概述 2.2 架构图 2.3 架构角色和组件 2.3.1 Flink Clients客户端 2.3.2 JobManager 2.…...
![](https://img-blog.csdnimg.cn/direct/1286981d301c45ba9ed61c4e539e5283.png)
MyBatis1(JDBC编程和ORM模型 MyBatis简介 实现增删改查 MyBatis生命周期)
目录 一、JDBC编程和ORM模型 1. JDBC回顾 2. JDBC的弊端 3. ORM模型 Mybatis和hibernate 区别: 4. mybatis 解决了jdbc 的问题 二、MyBatis简介 1. MyBatis快速开始 1.1 导入jar包 1.2 引入 mybatis-config.xml 配置文件 1.3 引入 Mapper 映射文件 1.3 测试 …...
![](https://img-blog.csdnimg.cn/direct/e44667cd981f49729ea8959b6c62bdea.png)
webpack源码深入--- webpack的编译主流程
webpack5的编译主流程 根据watch选项调用compiler.watch或者是compiler.run()方法 try {const { compiler, watch, watchOptions } create();if (watch) {compiler.watch(watchOptions, callback);} else {compiler.run((err, stats) > {compiler.close(err2 > {callb…...
![](https://www.ngui.cc/images/no-images.jpg)
GPT-5:博士级大语言模型重塑工作与生活的未来
随着人工智能技术的飞速发展,新一代大语言模型GPT-5即将闪亮登场。作为博士级别的智能语言模型,GPT-5不仅代表了自然语言处理领域的最新成就,更预示着我们的工作和日常生活将迎来一场深刻的变革。 一、GPT-5带来的深远影响 GPT-5的登场&…...
![](https://www.ngui.cc/images/no-images.jpg)
Python PyCryptodome库介绍与实例
Python PyCryptodome库介绍与实例 1. 安装2. 基本概念3. 使用场景和示例代码3.1 对称加密 - AES3.2 非对称加密 - RSA3.3 哈希函数 - SHA2563.4 消息认证码 - HMAC 4. 总结 PyCryptodome是一个强大的Python加密库,提供了各种加密算法和工具。本文将介绍PyCryptodome的基本概念和…...
![](https://i-blog.csdnimg.cn/direct/4f61fc14365542f282550faeaee1ae00.png)
利用git将Qt代码托管到U盘或者网盘
文章目录 1.前言2.解决方案3.操作步骤3.1.软件安装3.2.在U盘创建裸仓库3.3.创建Qt程序并将代码上传至U盘3.4.版本标记及切换3.4.在别的电脑上clone代码出来 4.其他5.结语 1.前言 我们在开发项目时,随着项目需求的增加以及bug的修复,肯定会涉及到版本管理…...
![](https://www.ngui.cc/images/no-images.jpg)
都是合资7座SUV,大众途昂对比丰田汉兰达,谁更适合家用
在当下,可选择的家用SUV也是比较多,就拿合资七座SUV市场来讲,可选择的就有大众途昂和丰田汉兰达,两款车都是合资七座SUV,且价格比较接近,那么这两款车对比之下,谁更适合家用呢?编辑首先从配置上来对比,我们选择了大众途昂2024款出众款380TSI四驱龙祥版和丰田汉兰达202…...
![](https://img-blog.csdnimg.cn/direct/b75507ffff1b4efdafb4a3e4024713b6.png)
CSS浮动详细教学(CSS从入门到精通学习第四天)
css第04天 一、其他样式 1、圆角边框 在 CSS3 中,新增了圆角边框样式,这样我们的盒子就可以变圆角了。 border-radius 属性用于设置元素的外边框圆角。 语法: border-radius:length; 参数值可以为数值或百分比的形式如果是正方形&…...
![](https://img-blog.csdnimg.cn/direct/9b0d4fc92ac447cf8a21c58beec74e15.png)
【Linux 网络编程】网络的基础知识详解!
文章目录 1. 计算机网络背景2. 认识 "协议"3. 协议分层 1. 计算机网络背景 网络互联: 多台计算机连接在一起, 完成数据共享; 🍎局域网(LAN----Local Area Network): 计算机数量更多了, 通过交换机和路由器连接。 🍎 广…...
![](https://img-blog.csdnimg.cn/direct/88050b05b4734dd4ba7eca6fc52f9666.png)
C++STL容器系列(三)list的详细用法和底层实现
目录 一:介绍二:list的创建和方法创建list方法 三:list的具体用法3.1 push_back、pop_back、push_front、pop_front3.2 insert() 和 erase()3.3 splice 函数 四:list容器底层实现4.1 list 容器节点结构5.2 list容器迭代器的底层实…...
![](https://img-blog.csdnimg.cn/direct/8fc8f845fc7541f9a159bfd8092ec972.jpeg)
Rohm公司参展欧洲PCI盛会
德国历史悠久的文化名城纽伦堡,即将迎来一场科技盛宴——欧洲PCI展览会。在这个为期三天的盛会中(6月11日至13日),Rohm公司将以璀璨之姿,特别聚焦宽带隙(WBG)设备的璀璨光芒。 此次࿰…...
![](https://img-blog.csdnimg.cn/direct/f3acd1e0b859432fa546b59adce4ff3d.png)
rk3568_mutex
文章目录 前言1、什么是mutex?1.1mutex互斥体API函数二、实验2.1实验目的2.2源码2.3结果图前言 本文记录的是rk3568开发板基础上做的mutex实验 1、什么是mutex? mutex是互斥体,它是比信号量semaphore更加专业的机制。 在我们编写Linux驱动的时候遇到需要互斥的地方建议使用…...