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

AJAX详解

news 来源：原创 2025/7/18 20:43:27

AJAX是前后端交互的重要工具

结合前后端交互基础理解：前后端交互详解(建议收藏)-CSDN博客

1. AJAX

- 到底什么是Ajax?

  • ajax 全名 async javascript and XML(异步JavaScript和XML)，是一种用于向服务器异步发送 HTTP 请求并接收响应的技术。

XML 指可扩展标记语言（eXtensible Markup Language）。

XML 被设计用来传输和存储数据，不用于表现和展示数据，HTML 则用来表现数据。

  • 是前后台交互的能力也就是我们客户端给服务端发送消息的⼯具，以及接受响应的⼯具
  • AJAX 不是新的编程语言，而是一种使用现有标准的新方法。
  • AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。
  • 是⼀个默认异步执行机制的功能，AJAX分为同步（async = false）和异步（async = true）

- 什么是同步请求？(false)

        定义：发送一个请求后，必须等待该请求的响应返回，才能继续发送下一个请求。同步交互相当于排队，轮到下一个的情况会因为前一个而有所不同。​客户端向服务器端发送请求，必须等待结果返回，才能向服务器端发送下一次请求。
        优点：
                简单直观
                结果即时可见
        缺点：
                在网络延迟或处理时间长时效率低下
                占用较多系统资源

        也就是说，当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面处于一个假死状态，当这个AJAX执行完毕后才会继续运行其他代码页面解除假死状态

- 什么是异步请求？(默认:true)

        定义：发送请求后，无需等待响应即可继续执行其他任务。响应通过回调函数、事件监听等方式处理。同步交互与异步交互的区别在于同步交互需要等待结果，而异步交互不需要等待。  客户端向服务器端发送请求，必须等待结果返回，才能向服务器端发送下一次请求。

        说明：异步交互就是第二次请求不需要等待第一次请求结束之后就可以开始。

        优点：
                支持高效并发处理
                提高资源利用率
                提升用户体验，减少等待时间
        缺点：
                实现相对复杂
                错误处理较为困难
                增加开发和维护成本

                默认异步：异步请求就当发出请求的同时，浏览器可以继续做任何事，

                Ajax发送请求并不会影响页面的加载与用户的操作，相当于是在两条线上，各走各的，互不影响。
        一般默认值为true，异步。异步请求可以完全不影响用户的体验效果，无论请求的时间长或者短，用户都在专心的操作页面的其他内容，并不会有等待的感觉。

- 选择策略
  在决定使用同步还是异步交互时，应考虑以下因素：

    性能需求：如果系统需要处理大量并发请求，异步交互是更好的选择。                                   用户体验：为了提升应用的响应速度和流畅度，减少用户等待时间，异步交互是优选。
    开发成本：如果项目时间紧迫或开发资源有限，同步交互可能更合适，因为它实现简单。

    业务逻辑：根据具体业务场景和需求，灵活选择最适合的交互方式。

2. AJAX 的优势

不需要插件的支持，原生 js 就可以使用
用户体验好（不需要刷新页面就可以更新数据）
减轻服务端和带宽的负担
缺点：搜索引擎的支持度不够，因为数据都不在页面上，搜索引擎搜索不到

3. AJAX 的操作流程

具体操作流程：

  • 首先通过PHP页面将数据库中的数据取出
  • 取出后转成json格式的字符串，后利用ajax把字符串返还给前台
  • 再利用json.parse解析通过循环添加到页面上
  • 那么反之，前端的数据可以利用ajax提交到后台
  • 但是后台是没有办法直接把这些数据插入到数据库中，所以要先提交到PHP页面上
  • 最后再由PHP将数据插入到数据库中

4. AJAX 的使用

  • 在 js 中有内置的构造函数来创建 ajax 对象
  • 创建 ajax 对象以后，我们就使⽤ ajax 对象的方法去发送请求和接受响应
  • Ajax的一个最大的特点是无需刷新页面便可向服务器传输或读写数据(又称无刷新更新页面),这一特点主要得益于XMLHTTP组件XMLHTTPRequest对象。

事件，对象，属性，方法

        事件event对象是指在浏览器中触发事件时，浏览器会自动创建一个event对象，其中存储了本次事件相关的信息，包括事件类型、事件目标、触发元素等等。浏览器创建完event对象之后，会自动将该对象作为参数传递给绑定的事件处理函数，我们可以在事件处理函数中通过访问event对象的属性和方法，来获取事件的相关信息，并做出后续的逻辑处理。

​        事件可以由用户操作触发，例如：鼠标事件、键盘事件等等；也可以通过 JS 脚本代码来触发，例如：通过element.click()方法，触发对应元素的点击事件；还可以由API生成，例如：动画完成后触发对应事件、视频播放被暂停时触发对应事件；最后还可以通过自定义事件来进行触发。这四种方式都会创建并传递event对象。

       ​ 除了我们自己绑定的事件处理函数之外，浏览器会对某些元素的某些事件存在默认处理，例如： a 标签的click点击事件，默认处理为跳转到链接的地址。当然我们也可以通过event对象的preventDefault() 方法来阻止浏览器的默认处理。

​ 我们还需要注意元素的嵌套关系，因为由于元素结构上的重叠，事件会随着嵌套关系依次传递，也就是事件冒泡和事件捕获。

Event对象示例和常用属性见可参考文章：JS 之 事件Event对象详解（属性、方法、自定义事件）_js event-CSDN博客

三个事件的触发时机
mousedown
        当鼠标指针移动到元素上方，并按下鼠标按键（左、右键均可）时，会发生 mousedown 事件。
        与 click 事件不同，mousedown 事件仅需要按键被按下，而不需要松开即可发生。

mouseup
        当在元素上松开鼠标按键（左、右键均可）时，会发生 mouseup 事件。
        与 click 事件不同，mouseup 事件仅需要松开按钮。当鼠标指针位于元素上方时，放松鼠标按钮就会触发该事件。

click
        当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click 事件。
        注意：触发click事件的条件是按下并松开鼠标左键！，按下并松开鼠标右键并不会触发click事件。

三个事件的触发顺序
        若在同一个元素上按下并松开鼠标左键，会依次触发mousedown、mouseup、click，前一个事件执行完毕才会执行下一个事件
        若在同一个元素上按下并松开鼠标右键，会依次触发mousedown、mouseup，前一个事件执行完毕才会执行下一个事件，不会触发click事件

XMLHttpRequest 对象方法描述


1.创建⼀个 ajax 对象

// IE9及以上
const xhr = new XMLHttpRequest()
// IE9以下
const xhr = new ActiveXObject('Mricosoft.XMLHTTP')

上面就有了⼀个 ajax 对象
我们就可以使⽤这个 xhr 对象来发送 ajax 请求了

2.配置链接信息

XMLHttpRequest 对象属性描述(用于和服务器交换数据。)

//所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。
const xhr = new XMLHttpRequest()
// xhr 对象中的 open ⽅法是来配置请求信息的
// 第⼀个参数是本次请求的请求⽅式 get / post / put / ...
// 第⼆个参数是本次请求的 url 
// 第三个参数是本次请求是否异步，默认 true 表示异步，false 表示同步
// xhr.open('请求⽅式', '请求地址', 是否异步)
xhr.open('get', './data.php')

上面的代码执行完毕以后，本次请求的基本配置信息就写完了

3.发送请求

//如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：
const xhr = new XMLHttpRequest()
xhr.open('get', './data.php')
// 使⽤ xhr 对象中的 send ⽅法来发送请求
xhr.send()

上面代码是把配置好信息的 ajax 对象发送到服务端

        一个最基本的 ajax 请求就是上面三步 但是光有上面的三个步骤，我们确实能把请求发送到服务端 
         如果服务端正常的话，响应也能回到客户端，但是我们拿不到响应
         如果想要拿到响应，我们需要有两个前提条件
 1. 本次 HTTP 请求是成功的，也就是我们下面要说的 http 状态码为 200 ~ 299
 2. ajax 对象也有自己的状态码，用来表示本次 ajax 请求中各个阶段

5.AJAX 状态码

  • ajax 状态码 - xhr.readyState
  • 是用来表示一个 ajax 请求的全部过程中的某一个状态
 readyState === 0 : 表示未初始化完成，也就是 open 方法还没有执行 readyState === 1 : 表示配置信息已经完成，也就是执行完 open 之后 readyState === 2 : 表示 send 方法已经执行完成readyState === 3 : 表示正在解析响应内容readyState === 4 : 表示响应内容已经解析完毕，可以在客户端使用了
  • 这个时候我们就会发现，当一个 ajax 请求的全部过程中，只有当 readyState === 4 的时候，我们才可以正常使用服务端给我们的数据
  • 所以，配合 http 状态码为 200 ~ 299
 一个 ajax 对象中有一个成员叫做 xhr.status这个成员就是记录本次请求的 http 状态码的 
  • 两个条件都满足的时候，才是本次请求正常完成

readyStateChange

在 ajax 对象中有一个事件，叫做 readyStateChange 事件

这个事件是专门用来监听 ajax 对象的 readyState 值改变的的行为

也就是说只要 readyState 的值发生变化了，那么就会触发该事件。

所以我们就在这个事件中来监听 ajax 的 readyState 是不是到 4 了

   const xhr = new XMLHttpRequest() xhr.open('get', './data.php')xhr.send()xhr.onreadyStateChange = function () {// 每次 readyState 改变的时候都会触发该事件// 我们就在这里判断 readyState 的值是不是到 4// 并且 http 的状态码是不是 200 ~ 299if (xhr.readyState === 4 && /^2\d{2|$/.test(xhr.status)) {// 这里表示验证通过// 我们就可以获取服务端给我们响应的内容了 }
}

使用 ajax 发送请求时携带参数

  • 我们使用 ajax 发送请求也是可以携带参数的
  • 参数就是和后台交互的时候给他的一些信息
  • 但是携带参数 get 和 post两个方式还是有区别的

GET 还是 POST？

  • 与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。
  • 然而，在以下情况中，请使用 POST 请求：

 无法使用缓存文件（更新服务器上的文件或数据库）
 向服务器发送大量数据（POST 没有数据量限制）
 发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

发送一个带有参数的 get 请求

  • get 请求的参数就直接在 url 后面进行拼接就可以
const xhr = new XMLHttpRequest()
// 直接在地址后面加一个 ?，然后以 key=value 的形式传递 // 两个数据之间以 & 分割
xhr.open('get', './data.php ? a=100 & b=200')
xhr.send()

这样服务端就能接受到两个参数 一个是 a，值是 100，一个是 b，值是 200

发送一个带有参数的 post 请求

post 请求的参数是携带在请求体中的，所以不需要再 url 后面拼接

 const xhr = new XMLHttpRequest() xhr.open('post', './data.php')// 如果是用 ajax 对象发送 post 请求，必须要先设置一下请求头中的 content- type// 告诉一下服务端我给你的是一个什么样子的数据格式 xhr.setRequestHeader('content-type', 'application/x-www-form- urlencoded')// 请求体直接再 send 的时候写在 () 里面就行// 不需要问号，直接就是 'key=value&key=value' 的形式 xhr.send('a=100&b=200')
// 1. 创建 ajax 对象
let xhr = new XMLHttpRequest()
// 2. 配置请求信息 xhr.open(‘GET’, ‘./test.php’, true)
// 3. 发送请求 xhr.send()
// 4. 接受响应 xhr.onload = function () {
console.log(xhr.responseText) }

6.AJAX封装

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>/*type 代表 请求方式url  代表 请求url路径data 代表 发送数据success 代表 下载数据成功以后执行的函数error   代表 下载数据失败以后执行的函数*/function $ajax({type = "get", url, data, success, error}){var xhr = null;try{xhr = new XMLHttpRequest();}catch(error){xhr = new ActiveXObject("Microsoft.XMLHTTP")}if(type == "get" && data){url += "?" + querystring(data);}xhr.open(type, url, true);if(type == "get"){xhr.send();}else{//设置提交数据格式xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");data ? xhr.send(querystring(data)) : xhr.send();}xhr.onreadystatechange = function(){if(xhr.readyState == 4){if(xhr.status == 200){if(success){success(xhr.responseText);}}else{if(error){error("Error：" + xhr.status);}}}}}function querystring(obj){var str = '';for(var attr in obj){str += attr + "=" + obj[attr] + "&";}return str.substring(0, str.length - 1);}window.onload = function(){var aBtns = document.getElementsByTagName("button");/*当我们下载完数据以后需要对数据的处理方式不一样【注】$ajax，我们需要按照传参的顺序，依次传入我们的参数。*/aBtns[0].onclick = function(){$ajax({url: "code14/1.get.php",data: {username: "小明",age: 18,password: "123abc"},success: function(result){alert("GET请求到的数据：" + result);},error: function(msg){alert("GET请求数据错误：" + msg);}})}aBtns[1].onclick = function(){$ajax({type: "post",url: "code14/2.post.php",data: {username: "小花",age: 18,password: "123abc"},success: function(result){alert("POST请求到的数据：" + result);},error: function(msg){alert("POST请求数据错误：" + msg);}})}}</script></head><body><button>GET请求</button><button>POST请求</button></body>
</html>

参考文章：看这一篇就够了！-Ajax详解_ajax解析-CSDN博客

mousedown、mouseup、click事件之间的关系及执行顺序-CSDN博客

前后端交互详解(建议收藏)-CSDN博客

相关文章：

AJAX详解

AJAX是前后端交互的重要工具 结合前后端交互基础理解&#xff1a;前后端交互详解(建议收藏)-CSDN博客 1. AJAX - 到底什么是Ajax? ajax 全名 async javascript and XML(异步JavaScript和XML)&#xff0c;是一种用于向服务器异步发送 HTTP 请求并接收响应的技术。 XML 指可扩…...

编程日记 2025/7/18 20:43:27

golang中的异常处理机制

今天是2024最后一天&#xff0c;祝大家新年梦想成真&#xff0c;继续我的魅力golang&#xff0c;昨天发的错误处理&#xff0c;是明显的可预见、可恢复的问题&#xff0c;然而&#xff0c;不可预见的问题&#xff0c;往往更多&#xff0c;golang也有自己的一套&#xff0c;完全…...

编程日记 2025/7/18 20:41:46

HTML5 开关（Toggle Switch）详细讲解

HTML5 开关&#xff08;Toggle Switch&#xff09;详细讲解 1. 任务概述 开关&#xff08;Toggle Switch&#xff09;是一种用于表示二元状态&#xff08;如开/关&#xff09;的用户界面控件。用户可以通过点击开关来切换状态&#xff0c;常见于设置选项、开关功能等场景。 2…...

编程日记 2025/7/18 20:36:50

【前端】Node.js使用教程

目录 一、?Node.js开发环境和编译 1.1 安装Node.js 1.2 创建一个Node.js项目 1.3 编写Node.js程序 1.4 运行Node.js程序 1.5 使用Node.js模块 二、高级的Node.js编程概念和示例 2.1 异步编程 2.2 错误处理 2.3 网络请求 2.4 构建Web服务器 2.5 数据库交互 三、No…...

编程日记 2025/7/18 20:08:19

在CodeBlocks搭建SDL2工程构建TFT彩屏模拟器虚拟TFT彩屏幕显示

在CodeBlocks搭建SDL2工程构建TFT彩屏模拟器虚拟TFT彩屏幕显示 参考文章源码下载地址一、SDL2的创建、初始化、退出二、系统基本Tick、彩屏刷新、按键事件三、彩屏获取与设置颜色四、彩屏填充颜色及清屏五、彩屏显示中文和英文字符串六、彩屏显示数字七、彩屏初始化八、主函数测…...

编程日记 2025/7/18 11:17:04

BurstAttention：高效的分布式注意力计算框架

BurstAttention&#xff1a;高效的分布式注意力计算框架 在现代大型语言模型&#xff08;LLMs&#xff09;的应用中&#xff0c;提升注意力机制的计算效率已成为研究的热点。当前&#xff0c;提升计算效率主要有两种方法&#xff1a;一种是优化单设备的计算和存储能力&#xf…...

编程日记 2025/7/18 20:04:42

sentinel集成nacos启动报[check-update] get changed dataId error, code: 403错误排查及解决

整合nacos报403错误 因为平台写的一个限流代码逻辑有问题&#xff0c;所以准备使用sentinel来限流。平台依赖里面已经引入了&#xff0c;之前也测试过&#xff0c;把sentinel关于nacos的配置加上后&#xff0c;启动一直输出403错误 [fixed-10.0.20.188_8848-test] [check-upda…...

编程日记 2025/7/18 20:20:37

[TOTP]android kotlin实现 totp身份验证器 类似Google身份验证器

背景&#xff1a;自己或者公司用一些谷歌身份验证器或者microsoft身份验证器&#xff0c;下载来源不明&#xff0c;或者有广告&#xff0c;使用不安全。于是自己写一个&#xff0c;安全放心使用。 代码已开源&#xff1a;shixiaotian/sxt-android-totp: android totp authenti…...

编程日记 2025/7/18 20:25:30

IDEA+Docker一键部署项目SpringBoot项目

文章目录 1. 部署项目的传统方式2. 前置工作3. SSH配置4. 连接Docker守护进程5. 创建简单的SpringBoot应用程序6. 编写Dockerfile文件7. 配置远程部署 7.1 创建配置7.2 绑定端口7.3 添加执行前要运行的任务 8. 部署项目9. 开放防火墙的 11020 端口10. 访问项目11. 可能遇到的问…...

编程日记 2025/7/18 20:21:32

【发票提取明细+发票号改名】批量提取PDF电子发票明细导出Excel表格并改名技术难点，批量PDF多区域内容识别提取明细并用内容改名的小结

1、图片版的发票提取表格改名 【批量图片发票识别表格】批量图片发票的提取Excel表格和提取字段改名&#xff0c;扫描发票识别表格&#xff0c;拍照发票识别表格&#xff0c;图片发票识别改名我们在工作中很多扫描发票&#xff0c;拍照发票&#xff0c;需要整理成excel表格&am…...

编程日记 2025/7/18 1:31:15

pyQT + OpenCV相关练习

一、设计思路 1、思路分析与设计 本段代码是一个使用 PyQt6 和 OpenCV 创建的图像处理应用程序。其主要功能是通过一个图形界面让用户对图片进行基本的图像处理操作&#xff0c;如灰度化、翻转、旋转、亮度与对比度调整&#xff0c;以及一些滤镜效果&#xff08;模糊、锐化、边…...

编程日记 2025/7/18 19:48:53

石岩路边理发好去处

周末带娃去罗租公园玩&#xff0c;罗租公园旁边就是百佳华和如意豪庭小区&#xff0c;发现如意豪庭小区对面挺多路边理发摊点 理发摊点聚焦在这里的原因是刚好前面城管来了暂时避避&#xff0c;例如还有一个阿姨剪到一半就跟着过来。这里的城管只是拍了一处没有摊位的地方&…...

编程日记 2025/7/18 10:00:22

音视频入门基础：MPEG2-PS专题（2）——使用FFmpeg命令生成ps文件

一、错误的命令 通过FFmpeg命令可以将mp4文件转换为ps文件&#xff0c;PS文件中包含PS流数据。 由于PS流/PS文件对应的FFInputFormat结构为&#xff1a; const FFInputFormat ff_mpegps_demuxer {.p.name "mpeg",.p.long_name NULL_IF_CONFIG_SMALL…...

编程日记 2025/7/18 20:06:02

整合版canal ha搭建--基于1.1.4版本

开启MySql Binlog&#xff08;1&#xff09;修改MySql配置文件&#xff08;2&#xff09;重启MySql服务,查看配置是否生效&#xff08;3&#xff09;配置起效果后&#xff0c;创建canal用户&#xff0c;并赋予权限安装canal-admin&#xff08;1&#xff09;解压 canal.admin-1…...

编程日记 2025/7/18 20:43:27

[python SQLAlchemy数据库操作入门]-15.联合查询，跨表获取股票数据

哈喽，大家好，我是木头左！ 在开始探讨如何利用SQLAlchemy实现复杂的联合查询之前，首先需要深入理解其核心组件——对象关系映射（ORM）。ORM允许开发者使用Python类来表示数据库中的表，从而以一种更直观、面向对象的方式来操作数据库。 SQLAlchemy中的JOIN操作详解 在SQLA…...

编程日记 2025/7/17 22:30:22

PTA数据结构作业一

6-1 链表的插入算法 本题要求实现一个插入函数&#xff0c;实现在链表llist中的元素x之后插入一个元素y的操作。 函数接口定义&#xff1a; int InsertPost_link(LinkList llist, DataType x, DataType y); 其中 llist是操作的链表&#xff0c;x是待插入元素y的前驱节点元素…...

编程日记 2025/7/18 16:43:14

前端（九）js介绍(2)

js介绍(2) 文章目录 js介绍(2)一、函数1.1函数的两种形式1.2函数的作用域1.3声明与提升 二、bom操作三、dom操作 一、函数 1.1函数的两种形式 //有参函数 //js中的函数只能返回一个值&#xff0c;如果要返回多个需要放在数组或对象中 function func(a,b){return ab } func(1,…...

编程日记 2025/7/18 19:57:50

CUTLASS：高性能 CUDA 线性代数模板库详解

CUTLASS&#xff1a;高性能 CUDA 线性代数模板库详解 引言什么是 CUTLASS&#xff1f;CUTLASS 的主要特点&#xff1a; CUTLASS 的用途如何安装 CUTLASS1. 环境准备2. 下载 CUTLASS3. 构建 CUTLASS4. 设置环境变量5. 验证安装 使用 CUTLASSCUTLASS 的优势总结 引言 在深度学习…...

编程日记 2025/7/18 20:07:11

关于CISP报名费用详情

CISP即“注册信息安全专业人员”&#xff0c;是中国信息安全测评中心实施的国家认证项目&#xff0c;旨在培养信息安全领域的专业人才。对于有意报考CISP的考生而言&#xff0c;了解报名考试费用是备考过程中不可或缺的一环。 CISP的报名考试费用主要包括培训费用、考试费用、…...

编程日记 2025/7/18 20:32:24

css 关于flex布局中子元素的属性flex

css flex布局中子元素的属性flex 1. flex 是 flex-grow、flex-shrink 和 flex-basis 的简写 语法格式&#xff1a; flex: [flex-grow] [flex-shrink] [flex-basis];各属性解析&#xff1a; flex-grow: 子元素如何按比例分配父元素的 剩余空间。 默认值&#xff1a;0&#…...

编程日记 2025/7/18 20:02:06

功率器件热设计基础（四）——功率半导体芯片温度和测试方法

/ 前言 / 功率半导体热设计是实现IGBT、碳化硅SiC高功率密度的基础&#xff0c;只有掌握功率半导体的热设计基础知识&#xff0c;才能完成精确热设计&#xff0c;提高功率器件的利用率&#xff0c;降低系统成本&#xff0c;并保证系统的可靠性。 功率器件热设计基础系列文章会…...

编程日记 2025/7/18 20:25:32

OpenStack系列第四篇：云平台基础功能与操作（Dashboard）

文章目录 1. 镜像&#xff08;Image&#xff09;添加镜像查看镜像删除镜像 2. 卷&#xff08;Volume&#xff09;创建卷查看卷删除卷 3. 网络&#xff08;虚拟网络&#xff09;创建网络查看网络删除网络 4. 实例类型创建实例类型查看实例类型删除实例类型 4. 密钥对&#xff08…...

编程日记 2025/7/18 20:16:05

WebSocket封装

提示：记录工作中遇到的需求及解决办法 文章目录 前言二、背景三、WebSocket3.1 什么是 WebSocket ？为什么使用他？四、封装 WebSocket4.1 Javascript 版本4.2 Typescript 版本4.3 如何使用？五、我的痛点如何处理前言 本文将介绍 WebSocket 的封装，比如：心跳机制，重连和一…...

编程日记 2025/7/18 20:13:58

面试题解，JVM的运行时数据区

一、请简述JVM运行时数据区的组成结构及各部分作用 总览 从线程持有的权限来看 线程私有区 虚拟机栈 虚拟机栈是一个栈结构&#xff0c;由许多个栈帧组成&#xff0c;一个方法分配一个栈帧&#xff0c;线程每执行一个方法时都会有一个栈帧入栈&#xff0c;方法执行结束后栈帧…...

编程日记 2025/7/18 17:11:48

【Ubuntu使用技巧】Ubuntu22.04无人值守Crontab工具实战详解

一个愿意伫立在巨人肩膀上的农民...... Crontab是Linux和类Unix操作系统下的一个任务调度工具&#xff0c;用于周期性地执行指定的任务或命令。Crontab允许用户创建和管理计划任务&#xff0c;以便在特定的时间间隔或时间点自动运行命令或脚本。这些任务可以按照分钟、小时、日…...

编程日记 2025/7/18 20:24:21

Caffeine Cache Java缓存组件

缓存组件Caffeine Cache 定义介绍整合springboot用法整合spring-boot-starter-cache用法 定义介绍 特性 高性能&#xff1a;基于高效并发设计和 TinyLFU 算法&#xff0c;命中率高。 丰富策略&#xff1a;支持容量限制、过期时间、异步加载、自定义清理策略。 统计监控&#x…...

编程日记 2025/7/18 20:42:37

电子电气架构 --- 什么是自动驾驶技术中的域控制单元（DCU）？

我是穿拖鞋的汉子，魔都中坚持长期主义的汽车电子工程师。 老规矩，分享一段喜欢的文字，避免自己成为高知识低文化的工程师： 所谓鸡汤，要么蛊惑你认命，要么怂恿你拼命，但都是回避问题的根源，以现象替代逻辑，以情绪代替思考，把消极接受现实的懦弱，伪装成乐观面对不幸的…...

编程日记 2025/7/18 20:17:17

Redis核心技术知识点全集

Redis数据结构和常用命令 1. String字符串2. Hash哈希3. List列表4. Set集合5. Sorted Set有序集合6. Redis常用命令参考Redis事务机制...

编程日记 2025/7/18 20:02:08

【每日学点鸿蒙知识】文件读写、屏幕宽度亮度、扫一扫权限、编码器问题、wlan设置

1、参照文档&#xff0c;在操作文件时&#xff0c;读取不到内容或出现程序闪退&#xff1f; 参照文档&#xff0c;进行文件写入和读取时&#xff0c;出现读取不到或闪退 export function createFile() {// 获取应用文件路径let context getContext(this) as common.UIAbilit…...

编程日记 2025/7/18 20:20:37

后端开发-Maven

环境说明&#xff1a; windows系统&#xff1a;11版本 idea版本&#xff1a;2023.3.2 Maven 介绍 Apache Maven 是一个 Java 项目的构建管理和理解工具。Maven 使用一个项目对象模型&#xff08;POM&#xff09;&#xff0c;通过一组构建规则和约定来管理项目的构建&#xf…...

编程日记 2025/7/12 17:31:54

LiteFlow 流程引擎引入Spring boot项目集成pg数据库

文章目录 官网地址简要项目引入maven 所需jar包配置 PostgreSQL 数据库表使用LiteFlow配置 yml 文件通过 代码方式使用 liteflow数据库sql 数据在流程中周转 官网地址 https://liteflow.cc/ 简要 如果你要对复杂业务逻辑进行新写或者重构&#xff0c;用LiteFlow最合适不过。…...

编程日记 2025/7/18 20:07:10

电子电气架构 --- 汽车电子电器设计概述

我是穿拖鞋的汉子，魔都中坚持长期主义的汽车电子工程师。 老规矩，分享一段喜欢的文字，避免自己成为高知识低文化的工程师： 所谓鸡汤，要么蛊惑你认命，要么怂恿你拼命，但都是回避问题的根源，以现象替代逻辑，以情绪代替思考，把消极接受现实的懦弱，伪装成乐观面对不幸的…...

编程日记 2025/7/15 4:37:47

API 设计：从基础到最佳实践

https://levelup.gitconnected.com/api-design-101-from-basics-to-best-practices-a0261cdf8886 在本次深入研究中&#xff0c;我们将从基础开始&#xff0c;逐步了解 API 设计&#xff0c;并逐步实现定义卓越 API 的最佳实践。 作为开发人员&#xff0c;您可能熟悉其中的许多…...

编程日记 2025/7/15 17:10:10

简易内存池（中）

提示&#xff1a;文章 文章目录 前言一、背景二、第二版代码用例2用例3用例4用例5 总结 前言 前期疑问&#xff1a; 本文目标&#xff1a; 一、背景 最近 二、 针对上述失败用例&#xff0c;修改代码如下 第二版代码 #include <stdbool.h> #include <stdio.h>…...

编程日记 2025/7/16 1:55:49

svn不能添加.a文件

解决办法 在home目录下有一个.subversion文件夹&#xff0c;文件夹内有个config文件&#xff0c;里面可以修改过滤的文件类型 在使用命令svn add的时候带上参数–no-ignore&#xff0c;这样就会不顾config中的规则&#xff0c;将指定路径的文件都添加到版本库中 rockyrocky:/e…...

编程日记 2025/7/13 16:43:21

PH47代码框架 24241231 重要更新

仪式感一下&#xff1a;2024年最后一天&#xff0c;发布 PH47 代码框架的一次重要更新。当然这并不是有意的&#xff0c;而是直到现在才把更新的所有工作全部做完&#xff08;希望确实如此&#xff09;。 本次更新要点&#xff1a; 1、加入多IMU支持。本次更新正式加入对 MPU65…...

编程日记 2025/7/15 4:36:22

小程序信息收集（小迪网络安全笔记~

免责声明&#xff1a;本文章仅用于交流学习&#xff0c;因文章内容而产生的任何违法&未授权行为&#xff0c;与文章作者无关&#xff01;&#xff01;&#xff01; 附&#xff1a;完整笔记目录~ ps&#xff1a;本人小白&#xff0c;笔记均在个人理解基础上整理&#xff0c;…...

编程日记 2025/7/14 11:12:32

用户界面的UML建模07

4.2 抽象表示层的行为&#xff08;Abstract Presentation Behaviour&#xff09; AbstractForm 类定义了一组如下所示的四种操作&#xff1a; showForm() &#xff0c; getData() &#xff0c; sendConfirmation() 和sendCancellation()。在该阶段的设计过程&#xff08;desig…...

编程日记 2025/7/17 0:00:14

LabVIEW手部运动机能实验系统

在运动科学、人机交互和康复训练等领域&#xff0c;手部运动功能的研究具有重要的应用价值。开发了一个基于LabVIEW的手部运动机能实验系统设计&#xff0c;该系统利用力量作为关键参数&#xff0c;通过实时数据采集和反馈帮助受试者完成精确的手部动作&#xff0c;同时为研究人…...

编程日记 2025/7/14 0:05:03

Java Map 源码解析：核心原理与应用

Java Map 源码解析&#xff1a;核心原理与应用 Java 的 Map 接口是集合框架中一个重要的组成部分&#xff0c;专门用于存储键值对。其强大的功能和灵活的实现使其在各种应用场景中得到了广泛的使用。本文面向对 Java 集合框架有一定了解的开发者&#xff0c;通过对 Map 接口及…...

编程日记 2025/7/16 16:15:05

基于Mosquito源码理解MQTT5.0的属性概念

MQTT 5.0协议相比之前的版本（如MQTT 3.1.1）增加了很多属性，这些属性分布于报文的可变头部（Variable Header）和有效载荷（Payload）中。这些属性大大增强了协议的可扩展性和灵活性，使其能够更好地适应现代物联网应用的复杂需求。 属性的定义在源码包mosquitto-2.0.18/inc…...

编程日记 2025/7/17 8:37:33

easyui textbox使用placeholder无效

easyui textbox使用placeholder无效 在easyui 的textbox控件&#xff0c;请使用data-options 设定 示例 <input type text class easyui-textbox data-options "prompt:请输入您的邮箱"/>...

编程日记 2025/7/4 21:08:32

java AQS

什么是AQS AQS&#xff08;AbstractQueuedSynchronizer&#xff0c;抽象队列同步器&#xff09;是 Java 中并发控制的一种机制&#xff0c;位于 java.util.concurrent.locks 包下&#xff0c;它为构建锁、信号量等同步工具提供了一个框架。AQS 通过 队列 来管理多个线程之间的…...

编程日记 2025/7/14 20:24:11

机器人对物体重定向操作的发展简述

物体重定向操作的发展简述 前言1、手内重定向和外部重定向2、重定向原语3、重定向状态转换网络4、连续任意姿态的重定向5、利用其他环境约束重定向总结Reference 前言 对于一些特殊的任务&#xff08;如装配和打包&#xff09;&#xff0c;对物体放置的位姿由明确的要求&#…...

编程日记 2025/7/16 21:21:08

数据结构与算法之动态规划: LeetCode 72. 编辑距离 (Ts版)

编辑距离 https://leetcode.cn/problems/edit-distance/description/ 描述 给你两个单词 word1 和 word2&#xff0c; 请返回将 word1 转换成 word2 所使用的最少操作数你可以对一个单词进行如下三种操作&#xff1a; 插入一个字符删除一个字符替换一个字符 示例 1 输入&…...

编程日记 2025/7/15 22:13:36

vue3 Teleport瞬移组件

Teleport是瞬移组件&#xff0c;也称为传送门组件 它是一个可以使元素从一个组件转到另一个组件的组件。 如对话框、自定义菜单、警告提示、徽章&#xff0c;以及许多其他需要出现在特殊位置的自定义UI组件。假设现在页面中有两个元素&#xff0c;分别为div元素和button按钮元…...

编程日记 2025/7/14 18:33:20

Go语言学习路线

以下是一个较为系统的Go语言学习路线&#xff1a; 一、基础阶段 环境搭建与工具链熟悉 安装Go语言开发环境。在Go官方网站&#xff08;https://golang.org/dl/&#xff09;下载适合您操作系统的安装包并完成安装。 配置Go环境变量&#xff0c;如GOPATH和GOROOT。GOROOT是Go语…...

编程日记 2025/7/14 12:05:45

摄像头监视脚本

摄像头监视脚本&#xff0c;若检测到摄像头画面有变化&#xff0c;保存这一段视频 一、使用方法 1.运行脚本 默认参数Threshold3, Period3, path./recordings python cam.py --threshold30 --period3 --path./recordings 2.参数说明 threshold:摄像头捕获到的画面变化量阈值…...

编程日记 2025/7/15 15:28:19

【Leecode】Leecode刷题之路第97天之交错字符串

题目出处 97-交错字符串-题目出处 题目描述 个人解法 思路&#xff1a; todo代码示例&#xff1a;&#xff08;Java&#xff09; todo复杂度分析 todo官方解法 97-交错字符串-官方解法 方法1&#xff1a;动态规划 思路&#xff1a; class Solution {public boolean isInte…...

编程日记 2025/7/14 18:01:26

MAC环境安装(卸载)软件

MAC环境安装&#xff08;卸载&#xff09;软件 jdknode安装node&#xff0c;并实现不同版本的切换背景 卸载node从node官网下载pkg安装的node卸载用 homebrew 安装的node如果你感觉删的不够干净&#xff0c;可以再细分删除验证删除结果 jdk 1.下载jdk 先去官网下载自己需要的版…...

编程日记 2025/7/18 1:30:04