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

深入理解 requestIdleCallback：浏览器空闲时段的性能优化利器

news 来源：原创 2025/6/14 12:38:58

requestIdleCallback 核心作用

requestIdleCallback 是浏览器提供的 API，用于将非关键任务延迟到浏览器空闲时段执行，避免阻塞用户交互、动画等关键任务，从而提升页面性能体验。

基本语法

const handle = window.requestIdleCallback(callback[, options])

参数

  • callback：一个将在浏览器空闲时期被调用的函数。该回调函数接收一个参数：

    • IdleDeadline 对象，包含：

      • timeRemaining()：返回当前帧剩余的空闲时间（毫秒），通常 ≤ 50ms

      • didTimeout：布尔值，表示是否因为指定的 timeout 时间已到而触发回调

  • options（可选）：配置对象

    • timeout：如果指定了 timeout，并且回调在 timeout 毫秒后还没有被调用，则回调会在下一次有机会时被强制执行

返回值

返回一个 ID，可以传递给 cancelIdleCallback() 来取消回调。

配套方法

window.cancelIdleCallback(handle)

取消之前通过 requestIdleCallback() 安排的回调。 

工作原理

  1. 浏览器在每一帧渲染完成后会检查是否有空闲时间

  2. 如果有空闲时间，且存在待执行的 idle 回调，则执行它们

  3. 每次 idle 回调执行时，可以通过 timeRemaining() 检查剩余时间

  4. 如果任务未完成，可以在回调中再次调用 requestIdleCallback 继续处理

使用示例

基本用法

function processInIdleTime(deadline) {while (deadline.timeRemaining() > 0 && tasks.length > 0) {performTask(tasks.pop());}if (tasks.length > 0) {requestIdleCallback(processInIdleTime);}
}requestIdleCallback(processInIdleTime);

带超时的用法

requestIdleCallback(processInIdleTime, { timeout: 2000 });
// 保证在2秒内执行，即使浏览器一直不空闲

关键特性

特性说明
空闲期执行只在浏览器主线程空闲时运行（每帧渲染后的空闲时间）
可中断性如果用户开始交互，任务会被暂停
超时控制可通过 timeout 参数强制在指定时间后执行（避免长期等待）

适用场景

  1. 日志上报和分析：将非关键的日志发送推迟到空闲时间

  2. 预加载资源：预加载接下来可能需要的非关键资源

  3. 大数据处理：分块处理大型数据集，避免界面卡顿

  4. 非关键UI更新：如更新界面上的辅助信息或统计数字

注意事项

  1. 不要用于关键任务：空闲回调可能永远不会执行，或者执行得很晚

  2. 任务应该可分片：每次回调应该只处理一小部分工作

  3. 避免DOM操作：在空闲回调中进行DOM操作可能触发重排/重绘

  4. 超时设置要合理：过短的 timeout 会使 API 失去意义，过长则影响体验

浏览器兼容性分析

✅ 完全支持的浏览器

  • Chrome

    • 版本：47+（2015年发布）

    • 备注：包括所有基于 Chromium 的浏览器（Edge、Opera 等）

  • Firefox

    • 版本：55+（2017年发布）

    • 备注：在移动端和桌面端表现一致

  • Edge

    • 版本：79+（Chromium 内核版本）

⚠️ 部分支持/行为差异的浏览器

  • Safari

    • 版本：部分支持（需检测）

    • 问题：

      • iOS Safari 和 macOS Safari 实现可能不一致

      • 某些版本中 timeRemaining() 返回值不准确

❌ 不支持的浏览器

  • Internet Explorer

    • 所有版本均不支持

  • 旧版 Edge（EdgeHTML 内核）

    • 版本：18 及以下

  • Android 默认浏览器（4.4及以下）

兼容性风险点列表

  1. 移动端注意

    • 部分安卓 WebView（特别是 Hybrid 应用内嵌浏览器）可能不支持

  2. Safari 特殊性

    • 某些版本即使支持 API，空闲时间计算可能不准确

  3. 隐身模式影响

    • 部分浏览器在隐身模式下会限制后台任务执行

兼容性解决方案列表

特性检测标准写法

const hasIdleCallback = 'requestIdleCallback' in window;

推荐降级方案

优先降级到 requestAnimationFrame（适合视觉相关任务）

其次降级到 setTimeout(callback, 0)（通用方案）

Polyfill 选择

官方推荐的 polyfill

注意：polyfill 无法真正模拟空闲期，只是延迟执行

/*** 增强型空闲任务调度器（支持多级降级方案）* @param {Function} callback - 需要执行的回调函数，接收 deadline 对象* @param {Object} [options] - 配置选项* @param {number} [options.timeout=0] - 超时时间（毫秒）* @returns {number} 调度器ID（可用于取消）*/
function enhancedRequestIdleCallback(callback, options = {}) {// 参数有效性检查if (typeof callback !== 'function') {throw new TypeError('回调必须是函数');}const { timeout = 0 } = options;// 原生支持检测if ('requestIdleCallback' in window) {return window.requestIdleCallback(callback, { timeout });}// ========== 降级方案实现 ==========let id;const start = Date.now();const isVisualTask = isRelatedToVisualUpdate(callback);// 方案1：视觉相关任务使用 requestAnimationFrameif (isVisualTask && 'requestAnimationFrame' in window) {id = window.requestAnimationFrame(() => {callback({timeRemaining: () => Math.max(0, 16.6 - (Date.now() - start)),didTimeout: Date.now() - start >= timeout});});}// 方案2：通用任务使用 setTimeoutelse {// 计算合理延迟时间（避免过度消耗资源）const delay = calculateSafeDelay(isVisualTask);id = window.setTimeout(() => {callback({timeRemaining: () => 1, // 模拟1ms剩余时间didTimeout: true       // 降级模式下总是触发超时});}, delay);}// 添加超时强制触发机制if (timeout > 0) {const timeoutId = setTimeout(() => {callback({timeRemaining: () => 0,didTimeout: true});clearTimeout(id);}, timeout);// 返回复合ID用于取消return { rId: id, tId: timeoutId };}return id;
}/*** 取消空闲任务调度* @param {number|Object} id - 调度器返回的ID*/
function enhancedCancelIdleCallback(id) {if ('cancelIdleCallback' in window) {window.cancelIdleCallback(id);return;}// 处理复合ID（超时场景）if (typeof id === 'object') {clearTimeout(id.tId);id = id.rId;}// 根据降级方案取消if ('cancelAnimationFrame' in window) {window.cancelAnimationFrame(id);} else {clearTimeout(id);}
}// ========== 工具函数 ==========
/*** 判断任务是否与视觉更新相关* （根据常见DOM API使用模式推测）*/
function isRelatedToVisualUpdate(fn) {const fnStr = fn.toString();return /(offset|scroll|client|getBounding|style)/.test(fnStr);
}/*** 计算安全延迟时间* 视觉任务：下一帧时间（16.6ms）* 非视觉任务：分级延迟（0-50ms随机）*/
function calculateSafeDelay(isVisual) {return isVisual ? 16 : Math.min(50, Math.floor(Math.random() * 50));
}// ========== 使用示例 ==========
// 示例任务
function backgroundTask(deadline) {while (deadline.timeRemaining() > 0) {// 执行任务分片...}if (hasMoreWork) {enhancedRequestIdleCallback(backgroundTask);}
}// 启动任务
const taskId = enhancedRequestIdleCallback(backgroundTask, { timeout: 2000 });// 取消任务
// enhancedCancelIdleCallback(taskId);

注意事项

避免在回调中修改 DOM（可能触发重排）

空闲时间不保证，任务应有中断/恢复机制

耗时任务应使用 Web Worker

requestIdleCallback的详细介绍和示例代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>requestIdleCallback 示例与兼容性处理</title>
</head>
<body>
<h1>requestIdleCallback 演示</h1>
<div id="output"></div><script>/*** 兼容性处理：如果原生不支持 requestIdleCallback，* 使用 setTimeout 实现降级方案*/window.requestIdleCallback = window.requestIdleCallback || function(cb) {// 降级方案：用 50ms 延迟模拟空闲时段let start = Date.now();return setTimeout(function() {cb({didTimeout: false,timeRemaining: function() {// 确保至少留出 1ms 时间return Math.max(0, 50 - (Date.now() - start));}});}, 1);};/*** 分块任务处理器* @param {Array} taskList - 要处理的任务数组* @param {Function} processor - 单个任务处理函数* @param {number} chunkSize - 每次处理的任务数（默认 10）*/function processTasksInIdle(taskList, processor, chunkSize = 10) {let index = 0;function doChunk(deadline) {// 当剩余时间 > 0 或超时前处理任务while ((deadline.timeRemaining() > 0 || deadline.didTimeout) &&index < taskList.length) {// 每次处理指定数量的任务const tasksToProcess = taskList.slice(index, index + chunkSize);tasksToProcess.forEach(task => processor(task));index += chunkSize;// 更新页面显示进度updateProgress(index);}// 如果还有剩余任务，继续调度if (index < taskList.length) {// 使用超时参数 100ms 保证即使不空闲也会执行requestIdleCallback(doChunk, { timeout: 100 });}}// 初始调用requestIdleCallback(doChunk, { timeout: 100 });}// 示例：创建 500 个元素的列表（模拟大量任务）const dummyTasks = new Array(500).fill(null).map((_, i) => ({id: i + 1,content: `Item ${i + 1}`}));// 任务处理函数（模拟DOM操作）function handleTask(task) {const div = document.createElement('div');div.textContent = task.content;// 这里可以添加更复杂的操作}// 更新进度显示function updateProgress(processedCount) {const output = document.getElementById('output');output.textContent = `已处理 ${processedCount}/${dummyTasks.length} 项任务`;}// 启动任务处理（页面加载完成后）window.addEventListener('load', () => {processTasksInIdle(dummyTasks, handleTask, 10); // 每次处理10个});
</script><!-- 兼容性提示 -->
<script>// 检测是否原生支持if (!window.requestIdleCallback) {const warn = document.createElement('p');warn.style.color = 'red';warn.textContent = '当前浏览器不支持 requestIdleCallback，已使用 setTimeout 降级方案';document.body.appendChild(warn);}
</script>
</body>
</html>

相关文章：

深入理解 requestIdleCallback：浏览器空闲时段的性能优化利器

requestIdleCallback 核心作用 requestIdleCallback 是浏览器提供的 API&#xff0c;用于将非关键任务延迟到浏览器空闲时段执行&#xff0c;避免阻塞用户交互、动画等关键任务&#xff0c;从而提升页面性能体验。 基本语法 const handle window.requestIdleCallback(callb…...

编程日记 2025/6/1 13:54:59

QML鼠标事件和按键事件

1 鼠标事件 1.1 MouseArea组件 在QML中&#xff0c;鼠标事件主要通过MouseArea元素处理&#xff0c;它是用于检测和响应鼠标交互的核心组件。常用属性 cursorShape: 光标形状acceptedButtons: 设置响应鼠标的哪些按键事件&#xff0c;默认为鼠标左键 Qt.LeftButton&#xff1…...

编程日记 2025/5/29 19:52:11

Animaster：一次由 CodeBuddy 主导的 CSS 动画编辑器诞生记

我正在参加CodeBuddy「首席试玩官」内容创作大赛&#xff0c;本文所使用的 CodeBuddy 免费下载链接&#xff1a;腾讯云代码助手 CodeBuddy - AI 时代的智能编程伙伴 起心动念&#xff1a;我想要一个动画编辑器 那天我突然想到&#xff0c;如果能有一个简单好用的 CSS 动画编辑…...

编程日记 2025/5/27 6:46:22

Git 版本控制系统入门指南

Git 版本控制系统入门指南 一、Git 基础概念 1. 什么是 Git&#xff1f; Git 是一个分布式版本控制系统&#xff0c;它可以&#xff1a; 跟踪文件变化协调多人协作管理代码版本支持离线工作保证数据完整性 2. Git 的特点 分布式架构快速分支操作完整历史记录数据完整性保…...

编程日记 2025/5/29 18:05:11

GitHub 趋势日报 (2025年05月16日)

本日报由 TrendForge 系统生成 https://trendforge.devlive.org/ &#x1f310; 本日报中的项目描述已自动翻译为中文 &#x1f4c8; 今日整体趋势 Top 10 排名项目名称项目描述今日获星总星数语言1TapXWorld/ChinaTextbookPDF教材。⭐ 4792⭐ 19814Roff2xming521/WeClone&…...

编程日记 2025/5/28 8:00:45

C/C++之内存管理

1. 内存分布 我们定义的变量对于电脑来说也叫数据&#xff0c;同时电脑也会把这些数据分为不同的类型&#xff0c;分别是局部数据&#xff0c;静态数据&#xff0c;全局数据&#xff0c;常量数据和动态申请数据。 在 C 中&#xff0c;各类数据存储位置如下&#xff1a; • 局…...

编程日记 2025/5/22 10:23:41

GitHub文档加载器设计与实现

文章结构&#xff1a; 目录 GitHub文档加载器设计与实现 引言 架构设计 主要组件 核心功能 文档加载流程 加载单个文件 加载目录内容 错误处理与健壮性 分支回退策略 文件类型和大小限制 安全性考虑 SSL证书验证 使用示例 基本使用 测试环境配置 最佳实践 结…...

编程日记 2025/5/28 8:29:14

历史数据分析——中证白酒

简介 中证白酒指数选取涉及白酒生产业务相关上市公司证券作为指数样本，为投资者提供更多样化的投资标的。 估值 中证白酒总体的PB是5.26，在过去十年间位于23.76%，属于较低的水平。 中证白酒总体的PE是20.13，在过去十年间，位于14.24%，属于较低的水平。 从估值的角度似…...

编程日记 2025/6/3 7:51:17

PHP8.0版本导出excel失败

环境&#xff1a;fastadmin框架&#xff0c;不是原版接手的项目。PHP8.0,mysql5.7. code // 创建一个新的 Spreadsheet 对象 $spreadsheet new Spreadsheet(); $worksheet $spreadsheet->getActiveSheet();// 设置表头 $worksheet->setCellValue(A1, ID); $worksheet…...

编程日记 2025/6/1 16:33:20

Seata源码—5.全局事务的创建与返回处理二

大纲 1.Seata开启分布式事务的流程总结 2.Seata生成全局事务ID的雪花算法源码 3.生成xid以及对全局事务会话进行持久化的源码 4.全局事务会话数据持久化的实现源码 5.Seata Server创建全局事务与返回xid的源码 6.Client获取Server的响应与处理的源码 7.Seata与Dubbo整合…...

编程日记 2025/5/29 9:27:41

mac-M系列芯片安装软件报错：***已损坏，无法打开。推出磁盘问题

因为你安装的软件在Intel 或arm芯片的mac上没有签名导致。 首先打开任何来源操作 在系统设置中配置&#xff0c;如下图&#xff1a; 2. 然后打开终端&#xff0c;输入&#xff1a; sudo spctl --master-disable然后输入电脑锁屏密码 打开了任何来源&#xff0c;还遇到已损坏…...

编程日记 2025/5/18 5:58:53

端到端自动驾驶系统实战指南：从Comma.ai架构到PyTorch部署

引言&#xff1a;端到端自动驾驶的技术革命 在自动驾驶技术演进历程中&#xff0c;端到端&#xff08;End-to-End&#xff09;架构正引领新一轮技术革命。不同于传统分模块处理感知、规划、控制的方案&#xff0c;端到端系统通过深度神经网络直接建立传感器原始数据到车辆控制…...

编程日记 2025/5/29 11:48:26

MoveIt Setup Assistant 在导入urdf文件的时候报错

在使用MoveIt Setup Assistant导入urdf文件的时候(load a urdf or collada robot model)&#xff0c;找到urdf文件后MoveIt Setup Assistant闪退并报错&#xff1a; Warning: Ignoring XDG_SESSION_TYPEwayland on Gnome. Use QT_QPA_PLATFORMwayland to run on Wayland anyway…...

编程日记 2025/5/29 17:03:01

uniapp +vue +springboot多商家订餐系统

uniapp vue springboot多商家订餐系统&#xff0c;这个系统我整理调试的多商家&#xff0c;多用户的&#xff0c;多端小程序订餐系统&#xff0c;主要包含了uniapp小程序端&#xff0c;管理后台页面vue端&#xff0c;后台功能接口Springboot端&#xff0c;源码齐全&#xff0c;…...

编程日记 2025/5/26 10:21:44

docker迅雷自定义端口号、登录用户名密码

在NAS上部署迅雷&#xff0c;确实会带来很大的方便。但是目前很多教程都是讲怎么部署docker迅雷&#xff0c;鲜有将自定义配置的方法。这里讲一下怎么部署&#xff0c;并重点讲一下支持的自定义参数。 一、部署docker 在其他教程中&#xff0c;都是介绍的如下命令&#xff0c…...

编程日记 2025/6/1 11:44:45

联想笔记本黑屏了，排线出问题还是静电

以下引用 联想电脑屏幕不亮&#xff0c;电源键和键盘灯均正常的解决办法&#xff08;超简单&#xff09;_拯救者屏幕不亮,键盘有电-CSDN博客 昨天正常关机后&#xff0c;今天一早来工位打开电脑&#xff0c;美美开始玩手机。 一会之后抬头屏幕是黑的&#xff0c;还以为自动息…...

编程日记 2025/5/22 15:37:35

uniapp -- uCharts 仪表盘刻度显示 0.9999999 这样的值问题处理。

文章目录 🍉问题🍉解决方案🍉问题 在仪表盘上，23.8变成了 23.799999999999997 🍉解决方案 formatter格式化问题 1：在 config-ucharts.js 或 config-echarts.js 配置对应的 formatter 方法 formatter: {yAxisDemo1: function (...

编程日记 2025/5/26 10:01:11

为 Spring Boot 应用程序构建 CI/CD 流水线

为 Spring Boot 应用程序创建构建/部署流水线涉及多个步骤&#xff0c;而 Jenkins 可以作为强大的工具来自动化这些流程。在本教程中&#xff0c;我们将指导您为托管在 GitHub 上的 Spring Boot 应用程序设置流水线&#xff0c;使用 Jenkins 构建该应用程序&#xff0c;并将其部…...

编程日记 2025/5/29 12:14:08

数值分析填空题速通

填空题速通 文章目录 填空题速通误差与误差传播均差插值与误差范数、赋范线性空间与内积、内积空间范数代数精度数值微分积分误差迭代方程与收敛阶微分方程数值解法的迭代公式与阶 误差与误差传播 例 设 a 1.414 a 1.414 a1.414&#xff0c; b − 0.576 b -0.576 b−0.57…...

编程日记 2025/6/4 15:28:13

day016-系统负载压力测试-磁盘管理

文章目录 1. 系统负载2. 模拟系统高负载2.1 模拟cpu负载2.2 模拟IO负载 3. 磁盘接口分类4. 思维导图 1. 系统负载 系统负载是衡量系统繁忙程度的指标负载值接近或超过cpu核心总数表示系统负载高负载高常见原因&#xff1a;1.占用cpu过多导致2.占用磁盘IO过多导致&#xff08;I…...

编程日记 2025/5/18 5:56:44

DeepSeek指令微调与强化学习对齐：从SFT到RLHF

后训练微调的重要性 预训练使大模型获得丰富的语言和知识表达能力，但其输出往往与用户意图和安全性需求不完全匹配。业内普遍采用三阶段训练流程：预训练 → 监督微调（SFT）→ 人类偏好对齐（RLHF）。预训练阶段模型在大规模语料上学习语言规律；监督微调利用人工标注的数据…...

编程日记 2025/5/25 9:41:28

安全性（一）：加密算法总结

一、加密算法分类总览 加密类型关键特性代表算法主要用途对称加密加解密使用同一个密钥DES、3DES、AES、SM4数据加密传输、存储非对称加密公钥加密&#xff0c;私钥解密&#xff08;或反向&#xff09;RSA、DSA、ECC、SM2密钥交换、数字签名、身份认证哈希算法不可逆摘要MD5、…...

编程日记 2025/5/29 15:33:15

DeepSeek 赋能军事：重塑现代战争形态的科技密码

目录 一、引言&#xff1a;AI 浪潮下的军事变革与 DeepSeek 崛起二、DeepSeek 技术原理与特性剖析2.1 核心技术架构2.2 独特优势 三、DeepSeek 在军事侦察中的应用3.1 海量数据快速处理3.2 精准目标识别追踪3.3 预测潜在威胁 四、DeepSeek 在军事指挥决策中的应用4.1 战场态势实…...

编程日记 2025/5/29 13:53:23

我司助力高校打造「智慧创新AI学习中心」

为推动AI教育融合跨领域应用&#xff0c;东吴大学于2025年4月举行「智慧创新AI学习中心」揭牌仪式&#xff0c;并宣布正式启动AI特色课程与教学空间建置计画。此次建置由我司协助整体教室空间与设备规划&#xff0c;导入最新NVIDIA GeForce RTX 50系列桌上型电脑&#xff0c;并…...

编程日记 2025/5/24 19:44:56

AI赋能把“杂多集合”转化为“理想集合”的数学建模与认知升级

AI赋能把“杂多集合”转化为“理想集合”的数学建模与认知升级 一、核心概念定义 杂多集合&#xff08;Chaotic Set&#xff09; 定义&#xff1a;元素间关系模糊、结构无序的集合 数学表达&#xff1a;C{x∣x∈X,P(x)}&#xff0c;其中 P(x) 是模糊隶属函数 实例&#xf…...

编程日记 2025/5/29 21:25:49

NVC++ 介绍与使用指南

文章目录 NVC 介绍与使用指南NVC 简介安装 NVC基本使用编译纯 C 程序编译 CUDA C 程序 关键编译选项示例代码使用标准并行算法 (STDPAR)混合 CUDA 和 C 优势与限制优势限制 调试与优化 NVC 介绍与使用指南 NVC 是 NVIDIA 提供的基于 LLVM 的 C 编译器&#xff0c;专为 GPU 加速…...

编程日记 2025/5/28 7:40:16

Redis 事务与管道：原理、区别与应用实践

在现代分布式系统开发中&#xff0c;Redis 作为高性能的内存数据库&#xff0c;其事务处理和管道技术是开发者必须掌握的核心知识点。本文将深入探讨 Redis 事务和管道的实现原理、使用场景、性能差异以及最佳实践&#xff0c;帮助开发者根据实际需求选择合适的技术方案。 一、…...

编程日记 2025/5/29 13:17:52

Git 多人协作

目录 情景一 情景二 合并分支 情景一 目标&#xff1a;远程 master 分支下的 file.txt 文件新增代码 "aaa","bbb"。 实现&#xff1a;由开发者1新增 "aaa" ,开发者2新增 bbb。 条件&#xff1a;在一个分支下合作完成。 针对以上情景我们要注意…...

编程日记 2025/5/29 16:52:53

Unity 人物模型学习笔记

一、关于模型的检查 拿到人物模型时&#xff0c;检查人物&#xff1a; 位置信息是否在0点布线/UV是否正常身体各部分是否分开各部分命名是否清晰骨骼需要绑定 二、Unity人物动画 https://www.bilibili.com/video/BV1cc41197mF?spm_id_from333.788.recommend_more_video.-1&a…...

编程日记 2025/5/27 6:47:14

【和春笋一起学C++】（十四）指针与const

将const用于指针&#xff0c;有两种情况&#xff1a; const int *pt; int * const pt; 目录 1. const int *pt 2. int * const pt 3. 扩展 1. const int *pt 首先看第一种情况&#xff0c;const在int的前面&#xff0c;有如下语句&#xff1a; int peoples12&#xff1…...

编程日记 2025/5/31 20:07:25

AI知识梳理——RAG、Agent、ReAct、LangChain、LangGraph、MCP、Function Calling、JSON-RPC

AI技术I AI技术II RAG &#x1f4cc; 高度凝练表达 RAG &#xff08;检索增强生成&#xff09;是一种结合信息检索与生成式人工智能的技术框架&#xff0c;旨在提升大型语言模型&#xff08;LLM&#xff09;的输出准确性和实用性。通过在生成响应前引入外部知识库的信息&#…...

编程日记 2025/5/29 11:29:55

ModuleNotFoundError: No module named ‘SDToolbox‘

(py311) C:>python Python 3.11.11 | packaged by Anaconda, Inc. | (main, Dec 11 2024, 16:34:19) [MSC v.1929 64 bit (AMD64)] on win32 Type “help”, “copyright”, “credits” or “license” for more information. from SDToolbox import PostShock_eq Tracebac…...

编程日记 2025/5/31 7:13:41

在宝塔中使用.NET环境管理部署 .NET Core项目

本次采用的演示环境未腾讯云轻量级服务器&#xff0c;使用应用模板&#xff0c;选择宝塔liunx面板。 一、登录宝塔安装环境 直接选择免密登录 进入腾讯云webshell后&#xff0c;输入bt&#xff0c;选择14 选择网站选择.NET项目安装.NET环境管理安装对应的.NET 版本 注意&…...

编程日记 2025/6/3 8:42:20

【DAY21】 常见的降维算法

内容来自浙大疏锦行python打卡训练营 浙大疏锦行 目录 PCA主成分分析 t-sne降维 线性判别分析 (Linear Discriminant Analysis, LDA) 作业&#xff1a; 什么时候用到降维 降维的主要应用场景 知识点回顾&#xff1a; PCA主成分分析t-sne降维LDA线性判别 通常情况下&#xff0c;…...

编程日记 2025/5/29 12:46:22

Linux面试题集合（3）

一秒刷新一次某个进程的状况 top -d 1 -p pid ’显示pid为1、2、3的进程的状况 top -p 1,2,3&#xff08;按上键选择某个进程&#xff09; 强制杀死进程 kill -9 pid 说一下ps和top命令的区别 ps命令只能显示执行瞬间的进程状态 top命令实时跟进进程状态 你在工作中什么情况下…...

编程日记 2025/5/29 11:22:31

Pytorch实现常用代码笔记

Pytorch实现常用代码笔记 基础实现代码其他代码示例Network ModulesLossUtils 基础实现代码 参考 深度学习手写代码 其他代码示例 Network Modules Pytorch实现Transformer代码示例 Loss PyTorch实现CrossEntropyLoss示例 Focal Loss 原理详解及 PyTorch 代码实现 PyTorc…...

编程日记 2025/5/26 14:51:02

vscode vue 项目 css 颜色调色版有两个

vue 项目 css 颜色调色版有两个&#xff0c;不知道是哪个插件冲突了。 这个用着很别扭&#xff0c;一个个插件删除后发现是 Vue - Official 这个插件问题&#xff0c;删了就只有一个调色版了。...

编程日记 2025/5/29 13:45:41

MySQL刷题相关简单语法集合

去重 distinct 关键字 eg. &#xff1a;select distinct university from user_profile 返回行数限制&#xff1a; limit关键字 eg. &#xff1a;select device_id from user_profile limit 2 返回列重命名&#xff1a;as 关键字 eg.&#xff1a;select device_id as user_in…...

编程日记 2025/5/29 18:21:49

MySQL多条件查询深度解析

一、业务场景引入 在数据分析场景中&#xff0c;我们经常会遇到需要从多个维度筛选数据的需求。例如&#xff0c;某教育平台运营团队希望同时查看"山东大学"的所有学生以及所有"男性"用户的详细信息&#xff0c;包括设备ID、性别、年龄和GPA数据&#xff…...

编程日记 2025/5/29 21:07:16

RT Thread FinSH(msh)调度逻辑

文章目录 概要FinSH功能FinSH调度逻辑细节小结 概要 RT-Thread&#xff08;Real-Time Thread&#xff09;作为一款开源的嵌入式实时操作系统&#xff0c;在嵌入式设备领域得到了广泛应用。 该系统不仅具备强大的任务调度功能&#xff0c;还集成了 FinSH命令行系统&#xff0c…...

编程日记 2025/5/28 16:07:42

安装nerdctl和buildkitd脚本命令

#!/bin/bash set -euo pipefail # 检查是否以root权限运行 if [ "$(id -u)" -ne 0 ]; then echo "错误&#xff1a;请使用root权限或sudo运行本脚本" >&2 exit 1 fi # 检测openEuler系统&#xff08;兼容大小写&#xff09; detect_distrib…...

编程日记 2025/5/29 19:06:19

HTTP与HTTPS协议的核心区别

HTTP与HTTPS协议的核心区别 数据传输安全性 HTTP采用明文传输&#xff0c;数据易被窃听或篡改&#xff08;如登录密码、支付信息&#xff09;&#xff0c;而HTTPS通过SSL/TLS协议对传输内容加密&#xff0c;确保数据完整性并防止中间人攻击。例如&#xff0c;HTTPS会生成对称加…...

编程日记 2025/5/29 17:57:04

51单片机仿真突然出问题

最近发现仿真出问题了&#xff0c;连最简单的程序运行结果都不对&#xff0c;比如&#xff0c;左移位<<&#xff0c;如果写P1 << 1&#xff1b;则没有问题&#xff0c;但写成P1 << cnt&#xff1b;就不对&#xff08;cnt已经定义过&#xff0c;而且赋了初值&…...

编程日记 2025/5/26 10:12:55

（C语言）超市管理系统 （正式版）（指针）（数据结构）（清屏操作）（文件读写）（网页版预告）（html）（js）（json）

目录 前言&#xff1a; 源代码&#xff1a; product.h product.c fileio.h fileio.c main.c json_export.h json_export.c tasks.json idex.html script.js 相关步骤&#xff1a; 第一步&#xff1a; 第二步&#xff1a; 第三步&#xff1a; 第四步&#xff1a; 第五步…...

编程日记 2025/5/24 20:07:22

uni-app小程序登录后…

前情 最近新接了一个全新项目&#xff0c;是类似商城的小程序项目&#xff0c;我负责从0开始搭建小程序&#xff0c;我选用的技术栈是uni-app技术栈&#xff0c;其中就有一个用户登录功能&#xff0c;小程序部分页面是需要登录才可以查看的&#xff0c;对于未登录的用户需要引…...

编程日记 2025/5/29 12:35:05

从零开始理解Jetty：轻量级Java服务器的入门指南

目录 一、Jetty是什么&#xff1f;先看一个生活比喻 二、5分钟快速入门&#xff1a;搭建你的第一个Jetty服务 步骤1&#xff1a;Maven依赖配置 步骤2&#xff1a;编写简易Servlet&#xff08;厨房厨师&#xff09; 步骤3&#xff1a;组装服务器&#xff08;餐厅开业准备&am…...

编程日记 2025/5/29 9:39:27

如何免费在线PDF转换成Excel

咱们工作中是不是经常遇到这种头疼事儿&#xff1f;辛辛苦苦从别人那里拿到PDF文件&#xff0c;想改个数据调个格式&#xff0c;结果发现根本没法直接编辑&#xff01; 数据被困住&#xff1a;PDF表格无法直接计算/筛选&#xff0c;手动录入太反人类&#xff01; 格式大崩坏&…...

编程日记 2025/5/28 7:46:45

StarRocks MCP Server 开源发布：为 AI 应用提供强大分析中枢

过去&#xff0c;开发者要让大模型&#xff08;LLM&#xff09;使用数据库查询数据&#xff0c;往往需要开发专属插件、设计复杂的接口或手动构建 Prompt&#xff0c;这不仅费时费力&#xff0c;而且很难在不同模型之间复用。StarRocks MCP Server 提供了一个“通用适配器”接口…...

编程日记 2025/5/29 9:59:46

Vue百日学习计划Day21-23天详细计划-Gemini版

总目标: 在 Day 21-23 完成 Vue.js 的介绍学习、环境搭建&#xff0c;并成功运行第一个 Vue 3 项目&#xff0c;理解其基本结构。 Day 21: Vue.js 介绍与概念理解 (~3 小时) 本日目标: 理解 Vue.js 是什么、渐进式框架的概念以及选择 Vue 的原因。初步了解 Vite 是什么及其作用…...

编程日记 2025/5/29 2:17:13

JS逆向-某易云音乐下载器

文章目录 介绍下载链接Robots文件搜索功能JS逆向**函数a&#xff1a;生成随机字符串****函数b&#xff1a;AES-CBC加密****函数c&#xff1a;RSA公钥加密** 歌曲下载总结 介绍 在某易云音乐中&#xff0c;很多歌曲听是免费的&#xff0c;但下载需要VIP&#xff0c;此程序旨在“…...

编程日记 2025/5/27 5:46:12