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

HOW - React 如何在在浏览器绘制之前同步执行 - useLayoutEffect

news 来源：原创 2025/8/24 18:17:27

useEffect vs useLayoutEffect
- useEffect
- useLayoutEffect
- 主要区别总结
- 选择建议
- 注意事项
useLayoutEffect 使用示例
- 测量 DOM 元素的尺寸和位置
- - 示例：自适应弹出框定位
- 同步更新样式以避免闪烁
- - 示例：根据内容动态调整容器高度
- 图像或 Canvas 绘制前的准备工作
- - 示例：Canvas 绘制自定义图形

useEffect vs useLayoutEffect

useLayoutEffect 和 useEffect 都是 React Hooks 中用于处理副作用的钩子，但它们在执行时机和用途上有一些关键区别。

理解这些区别有助于在不同的场景下选择合适的钩子来优化组件的性能和用户体验。

useEffect

执行时机：
- useEffect 的回调函数会在浏览器完成渲染之后异步执行。这意味着它不会阻塞浏览器的绘制过程。
用途：
- 适用于大多数副作用操作，如数据获取、订阅、手动操作 DOM（例如添加事件监听器）、设置定时器等。
- 因为它在渲染后异步执行，所以不会导致用户界面的阻塞，适合处理不影响当前渲染结果的副作用。
示例：

import React, { useEffect } from 'react';function Example() {useEffect(() => {// 这里的代码会在组件渲染到屏幕后异步执行console.log('useEffect 执行');return () => {// 清理函数console.log('useEffect 清理');};}, []); // 空依赖数组表示只在组件挂载和卸载时执行return <div>Hello World</div>;
}

useLayoutEffect

执行时机：
- useLayoutEffect 的回调函数会在 DOM 更新完成后、浏览器进行绘制之前同步执行。这意味着它会阻塞浏览器的绘制过程，直到回调函数执行完毕。
用途：
- 适用于需要在浏览器绘制之前同步执行的操作，如测量 DOM 元素的尺寸、位置，或者进行需要同步更新样式的操作。
- 由于它会阻塞渲染，应谨慎使用，避免在高频率更新的场景下使用，以免影响性能。
示例：

import React, { useLayoutEffect, useRef, useState } from 'react';function LayoutEffectExample() {const divRef = useRef(null);const [width, setWidth] = useState(0);useLayoutEffect(() => {// 在浏览器绘制之前同步获取 DOM 元素的宽度if (divRef.current) {const { width } = divRef.current.getBoundingClientRect();setWidth(width);}}, []);return (<div><div ref={divRef} style={{ width: '50%', border: '1px solid black' }}>测量宽度</div><p>宽度: {width}px</p></div>);
}

主要区别总结

特性	`useEffect`	`useLayoutEffect`
执行时机	渲染后异步执行	渲染后、绘制前同步执行
阻塞渲染	不阻塞	阻塞
适用场景	大多数副作用操作，如数据获取、订阅等	需要同步操作 DOM 或测量布局的场景
性能影响	较低，适合频繁使用的副作用	高，需谨慎使用以避免阻塞渲染

选择建议

优先使用 useEffect：在大多数情况下，useEffect 足以满足需求，并且由于其异步执行的特性，不会影响用户界面的渲染性能。
必要时使用 useLayoutEffect：只有在确实需要在浏览器绘制之前同步执行某些操作时，才使用 useLayoutEffect。例如，调整布局、测量元素尺寸等。

注意事项

避免过度使用 useLayoutEffect：由于其会阻塞渲染，频繁或不当使用可能导致页面卡顿或响应缓慢。
清理函数：与 useEffect 一样，useLayoutEffect 也支持返回一个清理函数，用于在组件卸载或依赖项变化时执行清理操作。

通过理解 useEffect 和 useLayoutEffect 的区别，可以更有效地管理组件的副作用，优化性能，并提升用户体验。

useLayoutEffect 使用示例

测量 DOM 元素的尺寸和位置

在某些情况下，你需要精确知道某个 DOM 元素的实际尺寸（宽度、高度）或在页面中的位置信息，以便根据这些信息进行后续的操作，而这些操作必须在浏览器绘制之前完成，否则可能会导致测量的不准确。

示例：自适应弹出框定位

当你有一个弹出框，需要根据触发它的元素的相对位置来动态定位时，就需要先测量触发元素的尺寸和位置，然后根据这些信息计算出弹出框的合适位置。

import React, { useRef, useState, useLayoutEffect } from 'react';const PopupExample = () => {const triggerRef = useRef(null);const popupRef = useRef(null);const [position, setPosition] = useState({ top: 0, left: 0 });useLayoutEffect(() => {if (triggerRef.current && popupRef.current) {const triggerRect = triggerRef.current.getBoundingClientRect();// 简单示例，将弹出框定位在触发元素的下方const newTop = triggerRect.bottom + window.scrollY;const newLeft = triggerRect.left + window.scrollX;setPosition({ top: newTop, left: newLeft });}}, []);return (<div><button ref={triggerRef}>点击显示弹出框</button><div ref={popupRef} style={{ position: 'absolute', top: position.top, left: position.left }}>这是一个弹出框</div></div>);
};export default PopupExample;

在上述代码中，useLayoutEffect 会在浏览器绘制之前同步执行，确保能够准确获取触发元素的尺寸和位置信息，从而正确地定位弹出框。

同步更新样式以避免闪烁

有时候，你需要根据某些计算结果立即更新元素的样式，而且希望这些更新在浏览器绘制之前完成，以避免出现样式闪烁的问题。

示例：根据内容动态调整容器高度

当容器内的内容动态变化时，你可能希望容器的高度能够立即适应内容的变化，而不让用户看到内容先溢出再调整高度的过程。

import React, { useRef, useState, useLayoutEffect } from 'react';const DynamicHeightContainer = () => {const containerRef = useRef(null);const [content, setContent] = useState('初始内容');const toggleContent = () => {setContent(prevContent => prevContent === '初始内容' ? '这是一段更长更长的内容，用于测试容器高度的动态调整。' : '初始内容');};useLayoutEffect(() => {if (containerRef.current) {// 这里可以根据内容做一些样式调整，例如设置高度// 示例中简单打印信息，实际应用中可根据需求修改样式console.log('根据内容调整容器样式');}}, [content]);return (<div><button onClick={toggleContent}>切换内容</button><div ref={containerRef} style={{ border: '1px solid black' }}>{content}</div></div>);
};export default DynamicHeightContainer;

在这个例子中，useLayoutEffect 确保在浏览器绘制之前根据内容的变化同步更新容器的样式，避免了内容溢出或高度闪烁的问题。

图像或 Canvas 绘制前的准备工作

在进行图像处理或使用 Canvas 进行绘图时，有时需要在绘制之前获取一些必要的信息或进行一些预处理操作，这些操作也需要在浏览器绘制之前完成。

示例：Canvas 绘制自定义图形

在使用 Canvas 绘制复杂图形时，可能需要先测量某些元素的位置或尺寸，然后根据这些信息进行绘制。

import React, { useRef, useLayoutEffect } from 'react';const CanvasDrawing = () => {const canvasRef = useRef(null);useLayoutEffect(() => {const canvas = canvasRef.current;const ctx = canvas.getContext('2d');// 假设这里需要根据某个 DOM 元素的位置来绘制图形// 先进行相关测量等准备工作（此处简化）// 开始绘制ctx.fillStyle = 'red';ctx.fillRect(10, 10, 50, 50);}, []);return <canvas ref={canvasRef} width="200" height="200"></canvas>;
};export default CanvasDrawing;

在上述代码中，useLayoutEffect 可以确保在进行 Canvas 绘制之前完成所有必要的准备工作，保证绘制的准确性和流畅性。

HOW - React 如何在在浏览器绘制之前同步执行 - useLayoutEffect

目录 useEffect vs useLayoutEffectuseEffectuseLayoutEffect主要区别总结选择建议注意事项 useLayoutEffect 使用示例测量 DOM 元素的尺寸和位置示例：自适应弹出框定位同步更新样式以避免闪烁示例：根据内容动态调整容器高度图像或 Canvas 绘制前的准备…...

编程日记 2025/8/24 18:17:27

PyTorch系列教程：编写高效模型训练流程

当使用PyTorch开发机器学习模型时，建立一个有效的训练循环是至关重要的。这个过程包括组织和执行对数据、参数和计算资源的操作序列。让我们深入了解关键组件，并演示如何构建一个精细的训练循环流程，有效地处理数据处理，向前和向后…...

编程日记 2025/8/24 18:17:27

VS2019,VCPKG - 为VS2019添加VCPKG

文章目录 VS2019,VCPKG - 为VS2019添加VCPKG概述笔记前置条件迁出vcpkg到本地验证库安装更新已经安装的库删除指定的包安装VS2019能用的boostvcpkg 2025.02.14 版本可以给VS2019用用VCPKG的好处备注END VS2019,VCPKG - 为VS2019添加VCPKG 概述开源工程用到了VCPKG管理的包。…...

编程日记 2025/8/24 18:15:43

linux下 jq 截取json文件信息

背景：通过‘登录名‘ 获取该对象的其他个人信息如名字。环境准备：麒麟操作系统V10 jq安装包 jq安装包获取方式：yum install jq 或使用附件中的rpm 或 git自行下载 https://github.com/stedolan/jq/releases/download/ 实现过程介绍&am…...

编程日记 2025/8/24 18:16:18

测试大语言模型在嵌入式设备部署的可能性-ollama本地部署测试

前言当今各种大语言模型百花齐放，为了方便使用者更加自由的使用大模型，将大模型变成如同棒球棍一样每个人都能用，并且顺手方便的工具，本地私有化具有重要意义。本次测试使用ollama完成模型下载，过程简单快捷。 1、进…...

编程日记 2025/8/24 18:16:55

C语言基础系列【21】memcpy、memset

博主介绍：程序喵大人 35- 资深C/C/Rust/Android/iOS客户端开发10年大厂工作经验嵌入式/人工智能/自动驾驶/音视频/游戏开发入门级选手《C20高级编程》《C23高级编程》等多本书籍著译者更多原创精品文章，首发gzh，见文末👇&#x1f…...

编程日记 2025/8/23 15:08:49

云曦春季开学考复现（2025）

Crypto 划水的dp和dq 下载附件后是简单的RSA算法题，之所以说简单是因为给了公钥e 趁热打铁，昨天刚学的RSA，既然有p有q，也有e，而np*q，可以算出欧拉函数值phi（p-1）*（q-1&…...

编程日记 2025/8/22 7:04:52

探秘 Netty 通信中的 SslHandler 类：保障网络通信安全的基石

引言在当今数字化时代，网络安全是每一个应用程序都必须重视的关键因素。尤其是在数据传输过程中，防止数据被窃取、篡改至关重要。Netty 作为一个高性能的网络编程框架，为开发者提供了强大的功能来构建可靠的网络应用。其中，SslH…...

编程日记 2025/8/24 2:03:26

Llama factory微调后的模型怎么通过ollama发布

接上一篇博客：用Llama Factory单机多卡微调Qwen2.5时报torch.OutOfMemoryError: CUDA out of memory的解决办法_llama-factory cuda out of memory-CSDN博客把Lora模块和其基模型merge到一起之后，就可以通过ollama之类的框架提供服务了。不过还是有些格式转换的工作要做： …...

编程日记 2025/8/18 0:52:49

ubuntu 20.04下ZEDmini安装使用

提前安装好显卡驱动和cuda，如果没有安装可以参考我的这两篇文章进行安装： ubuntu20.04配置YOLOV5（非虚拟机）_ubuntu20.04安装yolov5-CSDN博客 ubuntu20.04安装显卡驱动及问题总结_乌班图里怎么备份显卡驱动-CSDN博客还需要提前…...

编程日记 2025/8/20 7:31:36

CmBacktrace的学习跟移植思路

学习移植CmBacktrace需要从理解其核心功能、适用场景及移植步骤入手，结合理论学习和实践操作。以下是具体的学习思路与移植思路： 一、学习思路理解CmBacktrace的核心功能 CmBacktrace是针对ARM Cortex-M系列MCU的错误追踪库，支持自动诊断Har…...

编程日记 2025/8/23 1:54:11

Android Glide 缓存模块源码深度解析

一、引言在 Android 开发领域，图片加载是一个极为常见且关键的功能。Glide 作为一款被广泛使用的图片加载库，其缓存模块是提升图片加载效率和性能的核心组件。合理的缓存机制能够显著减少网络请求，降低流量消耗，同时加快图片显示…...

编程日记 2025/8/24 4:31:24

蓝桥杯备赛：炮弹

题目解析这道题目是一道模拟加调和级数，难的就是调和级数，模拟过程比较简单。做法这道题目的难点在于我们在玩这个跳的过程，可能出现来回跳的情况，那么为了解决这种情况，我们采取的方法是设定其的上限步数。那么…...

编程日记 2025/8/20 13:22:20

死锁问题分析工具

使用 gdb 调试 gdb ./your_program (gdb) run (gdb) thread apply all bt还可以分析pthread_mutex内部，查看owen字段分析哪个线程占用的锁，一个可能的 pthread_mutex 内部结构可以大致表示为： typedef struct pthread_mutex_t {int state; …...

编程日记 2025/8/16 10:06:54

装饰器模式--RequestWrapper、请求流request无法被重复读取

目录前言一、场景二、原因分析三、解决四、更多前言曾经遇见这么一段代码，能看出来是把request又重新包装了一下，核心信息都不会改变后面了解到这叫装饰器模式（Decorator Pattern） ：也称为包装模式(Wrapper Pat…...

编程日记 2025/8/20 10:44:11

MTK Android12 桌面上显示文件管理器图标

文章目录需求解决需求在MTK平台上，Android12的文件管理器图标未显示在桌面，但在设置里面可以看到，文件管理器是安装的。根据客户要求，需要将文件管理器的图标显示在桌面上。解决路径：packages/apps/DocumentsUI/…...

编程日记 2025/8/18 22:58:52

1. 配置文件上传限制 application.yml spring:servlet:multipart:max-file-size: 10MBmax-request-size: 10MB2. 创建文件上传控制器 import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.RestController; import…...

编程日记 2025/8/21 11:48:53

【开源免费】基于SpringBoot+Vue.JS青年公寓服务平台（JAVA毕业设计）

本文项目编号 T 233 ，文末自助获取源码 \color{red}{T233，文末自助获取源码} T233，文末自助获取源码目录一、系统介绍二、数据库设计三、配套教程3.1 启动教程3.2 讲解视频3.3 二次开发教程四、功能截图五、文案资料5.1 选题背景5.2 国内…...

编程日记 2025/8/24 1:36:12

django中视图作用和视图功能以及用法

在 Django REST Framework（DRF）中，视图（View）是处理 HTTP 请求并返回响应的核心组件。DRF 提供了多种视图类，适用于不同的场景和需求。以下是 DRF 中常见的视图类及其作用、使用方法的详细说明：一、DRF 视图的分类 DRF 的视图可以分为以下几类：基于函数的视图（Func…...

编程日记 2025/8/24 4:44:07

大语言模型在患者交互任务中的临床使用评估框架

An evaluation framework for clinical use of large language models in patient interaction tasks An evaluation framework for clinical use of large language models in patient interaction tasks | Nature Medicine 2025.1 收到时间：2023 年 8 月 8 日 …...

编程日记 2025/8/20 12:44:45

Python—类class复习

Python——类（class）复习根据类来创建对象的方法被称为实例化因此学会使用类（class）来进行编程就是初步进入面向对象编程的大门 1.1 创建和使用类首先编写一个小狗的简单类Dog，它表示的不是特定的小狗&#xff…...

编程日记 2025/8/19 5:23:07

QT | 信号与槽(超详解)

前言对qt信号和槽的详细解释 💓 个人主页：普通young man-CSDN博客 ⏩ 文章专栏：C_普通young man的博客-CSDN博客 ⏩ 本人giee: 普通小青年 (pu-tong-young-man) - Gitee.com 若有问题评论区见📝 🎉欢迎大家点赞&am…...

编程日记 2025/8/16 10:04:36

Codecraft-17 and Codeforces Round 391 E. Bash Plays with Functions 积性函数

题目链接题目大意定义函数 f r ( n ) f_r(n) fr(n) : 在 r 0 r0 r0时，为满足 p p p ⋅ \cdot ⋅ q n qn qn , 且 g c d ( p , q ) 1 gcd(p,q)1 gcd(p,q)1 的有序对 ( p , q ) (p,q) (p,q) 个数；在 r r r ≥ \geq ≥ 1 1 1时&#xff0…...

编程日记 2025/8/22 8:17:47

粉尘环境下的智能生产革命 ——助力矿山行业实现高效自动化作业

在矿山开采领域，运输系统是保障生产连续性的核心环节。然而，粉尘弥漫、环境恶劣、设备分散等问题，长期制约着矿山运输的效率与安全性。传统的集中式控制系统难以适应复杂工况，而远程分布式 IO 模块与 PLC 的深度融合，正…...

编程日记 2025/8/23 12:32:57

更新vscode ,将c++11更新到c++20

要在CentOS系统中安装最新版本的GCC，你可以使用SCL（Software Collections）仓库，它提供了开发工具的最新版本。以下是安装步骤： 1、添加SCL仓库： 首先，添加CentOS的SCL仓库，该仓库…...

编程日记 2025/8/16 10:08:01

Numpy实训：读取并分析iris数据集中鸢尾花的相关数据

实训中相关数据集，请联系博主邮箱"1438077481qq.com"，在邮箱内发送"iris.csv"即可快速获取，无任何套路，秉承开源精神！ 1、导入模块 #导入模块 import numpy as np import csv 2、获取数据 iri…...

编程日记 2025/8/22 13:12:51

nats jetstream server code 分析

对象和缩写 jetstream导入两个对象：stream and consumer，在stream 之上构造jetstreamapi。在nats代码中，以下是一些常见的缩写 1.mset is stream 2.jsX is something of jetstream 3.o is consumer 代码分析对于producer ，发送…...

编程日记 2025/8/23 13:36:37

德鲁伊连接池

德鲁伊连接池（Druid Connection Pool）是一个开源的Java数据库连接池项目，用于提高数据库连接的性能和可靠性。德鲁伊连接池通过复用数据库连接、定时验证连接的可用性、自动回收空闲连接等机制，有效减少了数据库连接的创建和销毁开…...

编程日记 2025/8/22 6:10:10

Python从入门到精通1：FastAPI

引言在现代 Web 开发中，API 是前后端分离架构的核心。FastAPI 凭借其高性能、简洁的语法和自动文档生成功能，成为 Python 开发者的首选框架。本文将从零开始，详细讲解 FastAPI 的核心概念、安装配置、路由设计、请求处理以及实际应用案例&a…...

编程日记 2025/8/22 20:39:20

C语言经典案例-菜鸟经典案例

1.输入某年某月某日，判断这一天是这一年的第几天？ //输入某年某月某日，判断这一天是这一年的第几天？ #include <stdio.h>int isLeapYear(int year) {// 闰年的判断规则：能被4整除且（不能被100整除或…...

编程日记 2025/8/20 12:36:11

SpringBoot过滤器（Filter）的使用：Filter接口、FilterRegistrationBean类配置、@WebFilter注释

1、过滤器（Filter）的介绍 Spring Boot 的过滤器用于对数据进行过滤处理。通过 Spring Boot 的过滤器，程序开发人员不仅可以对用户通过 URL 地址发送的请求进行过滤处理（例如：过滤一些错误的请求或者请求中的敏感词等），而且可以对服务器返回的数据进行过滤处理（例如：压…...

编程日记 2025/8/19 22:00:18

采用内存局部性分配有什么好处？

内存分配时的局部性分配（Locality of Allocation）是指将相关的内存对象分配在相邻或相近的内存区域中。这种分配策略在现代计算机系统中具有显著的好处，主要体现在以下几个方面： 1. 提高缓存命中率现代计算机系统依赖于多级缓存…...

编程日记 2025/8/18 17:04:23

一周热点-OpenAI 推出了 GPT-4.5，这可能是其最后一个非推理模型

在人工智能领域，大型语言模型一直是研究的热点。OpenAI 的 GPT 系列模型在自然语言处理方面取得了显著成就。GPT-4.5 是 OpenAI 在这一领域的又一力作，它在多个方面进行了升级和优化。 1 新模型的出现 GPT-4.5 目前作为研究预览版发布。与 OpenAI 最近的 o1 和 o3 模型不同，…...

编程日记 2025/8/24 5:28:46

分布式ETCD面试题及参考答案

目录 ETCD 适用的六大场景及其实现原理 ETCD 与 Redis 在分布式锁实现上的差异解释 ETCD 的 Watch 机制及其应用场景 ETCD 如何实现服务发现？与 ZooKeeper 有何不同？ ETCD 实现服务发现的方式与 ZooKeeper 的不同 ETCD 的键值存储模型支持哪些操作？为什么 ETCD 适…...

编程日记 2025/8/16 10:07:17

MySQL进阶-关联查询优化

采用左外连接下面开始 EXPLAIN 分析 EXPLAIN SELECT SQL_NO_CACHE * FROM type LEFT JOIN book ON type.card book.card; 结论：type 有All ,代表着全表扫描，效率较差添加索引优化 ALTER TABLE book ADD INDEX Y ( card); #【被驱动表】&#xff0…...

编程日记 2025/8/23 17:18:45

ESP32驱动OV3660摄像头实现EdgeImpulse图像识别（摄像头支持红外夜视、边缘AI计算）

目录 1、传感器特性 2、硬件原理图 3、驱动程序 ESP32-S3 AI智能摄像头模块是一款专为智能家居和物联网应用打造的高性能边缘AI开发模组。它集成了摄像头、麦克风、音频功放、环境光传感器和夜视补光灯，无需依赖云端即可实现本地化AI推理。凭借TensorFlow Lite、YOLO和O…...

编程日记 2025/8/19 19:05:47

SpringSecurity认证授权完整流程

SpringSecurity认证流程：loadUserByUsername（）方法内部实现。实现步骤： 构建一个自定义的service接口，实现SpringSecurity的UserDetailService接口。建一个service实现类，实现此loadUserByUsername方法。…...

编程日记 2025/8/23 14:47:42

java_了解反射机制

目录 1. 定义 2. 用途 3. 反射基本信息 4. 反射相关的类 4.1 class类（反射机制的起源） 4.1.1 Class类中的相关方法（方法的具体使用在后面的示例中） 4.2 反射的示例 4.2.1 获得Class对象的三种方式 4.2.2 反射的使用 Fiel…...

编程日记 2025/8/21 8:34:27

【赵渝强老师】管理MongoDB的运行

MongoDB提供了mongod命令用于启动MongoDB服务器端；而停止MongoDB服务器却可以通过几种不同的方式完成。下面分别进行介绍。一、【实战】启动MongoDB服务器通过执行下面的语句可以查看启动MongoDB服务器的帮助信息： mongod --help# 输出的信息如下&a…...

编程日记 2025/8/24 3:29:15

【学习思维模型】

学习思维模型一、理解类模型二、记忆类模型三、解决问题类模型四、结构化学习模型五、效率与习惯类模型六、高阶思维模型七、实践建议八、新增学习思维模型**1. 波利亚问题解决四步法****2. 主动回忆（Active Recall）****3. 鱼骨图（因果图/Ishikawa Diagram）****4. MECE原则…...

编程日记 2025/8/24 5:49:42

阿里发布新开源视频生成模型Wan-Video,支持文生图和图生图,最低6G就能跑,ComFyUI可用!

Wan-Video 模型介绍：包括 Wan-Video-1.3B-T2V 和 Wan-Video-14B-T2V 两个版本，分别支持文本到视频（T2V）和图像到视频（I2V）生成。14B 版本需要更高的 VRAM 配置。 Wan2.1 是一套全面开放的视频基础模型&…...

编程日记 2025/8/20 20:22:19

安孚科技携手政府产业基金、高能时代发力固态电池，开辟南孚电池发展新赛道

安孚科技出手，发力固态电池。 3月7日晚间，安孚科技（603031.SH）发布公告称，公司控股子公司南孚电池拟与南平市绿色产业投资基金有限公司（下称“南平绿色产业基金”）、高能时代（广东横…...

编程日记 2025/8/21 8:53:56

moodle 开源的在线学习管理系统（LMS）部署

一、Moodle 简介 Moodle（Modular Object-Oriented Dynamic Learning Environment）是一个开源的在线学习管理系统（LMS），广泛应用于教育机构和企业培训。其核心功能包括课程管理、作业提交、在线测试、论坛互动和成绩跟…...

编程日记 2025/8/21 14:02:45

设备树的概念

可以理解为设备树的树干是系统总线，树枝上面是其他的不同的通信协议线。对于不同通信协议的设备挂载在对应的节点即可在设备树出现以前，所有关于设备的具体信息都要写在驱动里，一旦外围设备变化，驱动代码就要重写。引入了设…...

编程日记 2025/8/23 8:12:26

【ArcGIS】地理坐标系

文章目录一、坐标系理论体系深度解析1.1 地球形态的数学表达演进史1.1.1 地球曲率的认知变化1.1.2 参考椭球体参数对比表 1.2 地理坐标系的三维密码1.2.1 经纬度的本质1.2.2 大地基准面（Datum）的奥秘 1.3 投影坐标系：平面世界的诞生1.3.1 投…...

编程日记 2025/8/23 7:49:28

MATLAB控制函数测试要点剖析

一、功能准确性检验基础功能核验针对常用控制函数，像用于传递函数建模的 tf 、构建状态空间模型的 ss ，以及开展阶跃响应分析的 step 等，必须确认其能精准执行基础操作。以 tf 函数为例，在输入分子与分母系数后，理…...

编程日记 2025/8/21 17:54:36

如何让一个类作为可调用对象被thread调用？

如何让一个类作为可调用对象，被 std::thread 调用在 C 中，可以让一个类对象作为可调用对象（Callable Object），然后用 std::thread 进行调用。要实现这一点，主要有三种方法： 重载 operator()&…...

编程日记 2025/8/22 18:34:05

OpenWrt 串口终端常用命令---拓展篇

以下进一步拓展 OpenWrt 串口终端常用命令，新增更多高级操作与场景化工具，助你深入掌握系统管理与调试技巧：一、系统信息与状态查询（扩展）硬件详细探测 cat /proc/mtd # 查看 Flash 分区表（MTD 设备） mtd info # 显示 MTD 分…...

编程日记 2025/8/16 10:11:23

线上接口tp99突然升高如何排查？

当线上接口的 TP99 突然升高时，意味着该接口在 99% 的情况下响应时间变长，这可能会严重影响系统的性能和用户体验。可以按照下面的步骤进行排查。这里我们先说明一下如何计算tp99：监控系统计算 TP99（第 99 百分位数的响应时间&…...

编程日记 2025/8/19 21:15:59

如何借助人工智能AI模型开发一个类似OpenAI Operator的智能体实现电脑自动化操作？

这几天关于Manus的新闻铺天盖地，于是研究了一下AI智能体的实现思路，发现Openai 的OpenAI Operator智能体已经实现了很强的功能，但是每月200美金的价格高不可攀，而Manus的邀请码据说炒到了几万块！就想能不能求助人工智能…...

编程日记 2025/8/20 8:02:34

目录