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

JavaScript 性能优化实战指南

news 来源：原创 2025/7/21 18:57:30

JavaScript 性能优化实战指南

前言

随着前端应用复杂度提升，JavaScript 性能瓶颈日益突出。高效的性能优化不仅能提升用户体验，还能增强系统稳定性和可维护性。本文系统梳理了 JavaScript 性能优化的核心思路、常见场景和实战案例，结合代码示例，助力开发者构建高性能前端应用。

一、代码执行效率优化

1.1 算法复杂度控制

避免嵌套循环
多层循环会迅速拉高时间复杂度。应优先考虑哈希表（如 Map、Set）等高效数据结构，降低查找和匹配的复杂度。

// O(n^2) 低效查找
for (let i = 0; i < arr1.length; i++) {for (let j = 0; j < arr2.length; j++) {if (arr1[i] === arr2[j]) { ... }}
}
// O(n) 高效查找
const set2 = new Set(arr2);
arr1.forEach(item => {if (set2.has(item)) { ... }
});

递归优化
对于深度递归，优先考虑尾递归或改为迭代，防止调用栈溢出。

// 尾递归
function factorial(n, acc = 1) {if (n <= 1) return acc;return factorial(n - 1, n * acc);
}

1.2 函数调用优化

减少热路径函数重复创建
不要在循环或高频调用里重复创建函数对象。

// 低效
for (let i = 0; i < 1000; i++) {arr.forEach(item => item.do(fn => fn(item)));
}
// 高效
function handler(item) { ... }
arr.forEach(handler);

合并小函数
过多细粒度函数会增加调用栈深度，可适当合并，减少上下文切换。

二、DOM 操作与渲染优化

2.1 批量 DOM 更新

使用 DocumentFragment 离线操作
批量创建和插入节点，避免频繁重排重绘。

const fragment = document.createDocumentFragment();
data.forEach(item => {const li = document.createElement('li');li.textContent = item;fragment.appendChild(li);
});
list.appendChild(fragment);

合并样式修改
多次操作样式会触发多次回流，建议批量处理或用 class 切换。

// 低效
el.style.left = '10px';
el.style.top = '20px';
// 高效
el.classList.add('active-position');

2.2 事件处理优化

事件委托
通过父元素代理子元素事件，减少监听器数量。

document.getElementById('container').addEventListener('click', (e) => {if (e.target.classList.contains('btn')) {handleClick(e);}
});

高频事件节流/防抖
滚动、输入等高频事件应做节流或防抖处理，降低回调压力。

function throttle(func, limit) {let inThrottle;return function (...args) {if (!inThrottle) {func.apply(this, args);inThrottle = true;setTimeout(() => inThrottle = false, limit);}}
}
window.addEventListener('scroll', throttle(handleScroll, 100));

动画优化
动画用 requestAnimationFrame 替代 setTimeout，保证流畅性。

function animate() {// ...动画逻辑requestAnimationFrame(animate);
}
animate();

三、内存管理优化

3.1 变量作用域与引用

优先使用局部变量
局部变量访问速度快，减少全局变量污染。

function processData(data) {const len = data.length;for (let i = 0; i < len; i++) { ... }
}

及时解除事件监听和定时器
页面卸载、组件销毁时移除无用监听和定时器，避免内存泄漏。
```
function cleanup() {window.removeEventListener('resize', handler);clearInterval(timerId);
}
```

3.2 数据结构选择与内存泄漏防范

大数据集用 TypedArray
处理大量数值时，用 TypedArray 替代普通数组，提升效率。
清除无用引用
对象不再使用时，及时设为 null。

四、异步编程与主线程优化

4.1 并发请求与任务拆分

并行处理独立请求
用 Promise.all 同时发起多个请求。

Promise.all([fetch(url1), fetch(url2)]).then(([res1, res2]) => { ... });

请求取消
如输入框实时搜索，用户输入新内容应取消上一次未完成的请求。

4.2 任务调度与分流

长任务分解为微任务
大批量数据处理可用 setTimeout、requestIdleCallback 分批执行，避免阻塞 UI。

function chunkProcess(arr, process, chunkSize = 100) {let i = 0;function next() {const end = Math.min(i + chunkSize, arr.length);for (; i < end; i++) process(arr[i]);if (i < arr.length) setTimeout(next, 0);}next();
}

Web Worker 分流主线程压力
密集计算任务交给 Web Worker，避免主线程卡顿。

// 主线程
const worker = new Worker('worker.js');
worker.postMessage(largeArray);
worker.onmessage = e => updateUI(e.data);

五、加载性能与资源优化

5.1 资源加载策略

关键资源预加载、懒加载
首屏资源优先加载，图片、非关键脚本懒加载。

<img data-src="img.jpg" class="lazy" />

// IntersectionObserver实现图片懒加载
let imgs = document.querySelectorAll('img.lazy');
let observer = new IntersectionObserver(entries => {entries.forEach(entry => {if (entry.isIntersecting) {entry.target.src = entry.target.dataset.src;observer.unobserve(entry.target);}});
});
imgs.forEach(img => observer.observe(img));

5.2 代码分割与压缩

按需加载路由和组件
利用 webpack/vite 动态 import，实现路由级、组件级分割。
```
const ProductList = () => import('./components/ProductList.vue');
```
第三方库单独打包
公共库分离，提升缓存复用率。
资源压缩
图片用 WebP/AVIF，JS/CSS 启用 Gzip/Brotli。

5.3 避免阻塞渲染

非关键脚本 async/defer
优先加载核心内容，非关键脚本异步加载。
```
<script src="analytics.js" async></script>
```

六、性能监控与自动化测试

6.1 浏览器内置工具

Chrome DevTools
- Performance 面板：分析函数调用、帧率、重排重绘
- Memory 面板：追踪内存泄漏
Lighthouse
- 核心性能指标自动分析（FCP、LCP、TTI等）

6.2 自动化与第三方工具

Jest/Mocha：自动化性能测试
WebPageTest：多地域加载性能分析
JMeter：高并发场景下的接口压力测试
UglifyJS/Terser：代码压缩混淆

七、典型优化案例

1. 搜索框输入防抖

function debounce(fn, delay) {let timer = null;return function (...args) {clearTimeout(timer);timer = setTimeout(() => fn.apply(this, args), delay);}
}
searchInput.oninput = debounce(() => {// 只在用户停止输入300ms后才发请求fetchSearchResult(searchInput.value);
}, 300);

2. 虚拟滚动渲染长列表

只渲染可视区域的 DOM，提升大数据列表渲染效率。可用 react-window、vue-virtual-scroll-list 等库。

3. Web Worker 处理大数据

主线程 UI 响应，子线程做密集计算。

主线程：

const worker = new Worker('worker.js');
worker.postMessage(largeData);
worker.onmessage = e => renderChart(e.data);

worker.js：

self.onmessage = e => {const result = heavyCompute(e.data);self.postMessage(result);
}

4. 事件委托与节流

// 事件委托
document.getElementById('list').addEventListener('click', (e) => {if (e.target.tagName === 'LI') handleClick(e.target);
});
// 节流
window.addEventListener('scroll', throttle(doSomething, 100));

八、优化路径总结

优化方向	关键策略	工具/方法
算法与数据结构	哈希表、迭代、尾递归	Map/Set、尾递归
DOM 操作	批量插入、样式合并、事件委托	DocumentFragment、class
事件处理	防抖/节流、委托	debounce/throttle
内存管理	局部变量、及时清理	闭包、removeEventListener
异步与多线程	Promise.all、Web Worker	Worker API
资源与加载	懒加载、按需加载、压缩	动态 import、Gzip/WebP
性能监控	自动化测试、分析工具	DevTools/Lighthouse

结语

JavaScript 性能优化没有一劳永逸的“银弹”，需要结合业务场景、数据规模和用户体验持续打磨。建议开发者：

先定位瓶颈，再逐步优化
优先优化高频、影响用户体验的场景
持续引入自动化测试与性能监控

如需针对某一环节深入探讨，欢迎补充具体问题或代码片段，便于进一步分析优化！

附：代码与工具链接（可选）

MDN Web Docs - Performance
Chrome DevTools 官方文档
Lighthouse
WebPageTest

如果你有实际项目场景或需要优化的具体代码，也可以贴出来，我帮你做针对性分析！

JavaScript 性能优化实战指南

JavaScript 性能优化实战指南前言随着前端应用复杂度提升，JavaScript 性能瓶颈日益突出。高效的性能优化不仅能提升用户体验，还能增强系统稳定性和可维护性。本文系统梳理了 JavaScript 性能优化的核心思路、常见场景和实战案例，结合代码…...

编程日记 2025/7/21 18:57:30

Unity3D HUD UI性能优化方案

前言在Unity3D中实现高性能的HUD UI需要综合考虑渲染效率、CPU开销和内存管理。以下是分步的优化方案： 对惹，这里有一个游戏开发交流小组，大家可以点击进来一起交流一下开发经验呀！ 1. 降低Draw Call：合批与图集 …...

编程日记 2025/7/21 18:56:18

晶圆Map图芯片选择显示示例

效果列表中有四个Mark点，需求是选择某一个点时在Map图中区别显示出来。实现思路：根据DataGrid 的行选择 SelectionChanged事件，先循环所有Mark点清除Rectangle的边框大小，再获取选择的芯片，设置Rectangle的边框大小和颜色。示例代码 1.UI代码 <DataGrid Grid.…...

编程日记 2025/7/21 18:44:34

HarmonyOS实战：自定义时间选择器

前言最近在日常鸿蒙开发过程中，经常会使用一些时间选择器，鸿蒙官方提供的时间选择器满足不了需求，所以自己动手自定义一些经常会使用到的时间选择器，希望能帮到你，建议点赞收藏！ 实现效果需求分析默认…...

编程日记 2025/7/21 18:52:10

汽车零部件的EMI抗扰性测试

写在前面本系列文章主要讲解汽车零部件的EMI抗扰性测试的相关知识，希望能帮助更多的同学认识和了解汽车零部件的EMI抗扰性测试。若有相关问题，欢迎评论沟通，共同进步。(*^▽^*) 1. 背景介绍多年以来，电磁干扰（EMI）效应一直是现代电子控制系统中备受关注的一个问题。…...

编程日记 2025/7/11 23:28:26

新能源汽车充电桩管理平台如何利用智慧技术优化资源配置问题？

在“双碳”目标的推动下，我国新能源汽车市场迅猛发展，但充电基础设施的供需失衡问题日益突出。部分区域充电桩利用率低下，而核心城区、高速服务区等场景却面临“一桩难求”的困境。智慧技术的引入为解决这一难题提供了新思路。通过物联网&…...

编程日记 2025/7/17 1:11:16

【zookeeper】--部署3.6.3

文章目录下载解压创建data和logs配置文件1)创建目录并且编辑 zoo.cfg2)接下来将 node01 的 ZooKeeper 所有文件拷贝至 node02 和 node03。推荐从 node02 和 node03 拷贝4）最后 vim /etc/profile 配置环境变量，环境搭建结束。配完环境变量后 source /etc…...

编程日记 2025/7/17 11:38:31

[低代码] 明道云调用本地部署 Dify 的进阶方法

在低代码开发平台明道云中，集成外部智能服务（如 Dify）可以极大地提升自动化和智能化能力。之前我们介绍了使用“发送自定义 API”节点直接调用本地部署的 Dify 服务的方法，虽然简单直观，但该方式存在一些限制，比如无法设置 Timeout、逻辑复用性差等问题。为了构建更稳定…...

编程日记 2025/7/20 23:18:34

交叉编译步骤 Step 1: 先进行本机编译 ./runConfigureICU Linux/gccmake Step 2: 执行交叉编译 source /opt/fsl-imx-fb/4.14-sumo/environment-setup-cortexa9hf-neon-poky-linux-gnueabimkdir cross_install./configure --disable-samples --disable-tests --prefix/medi…...

编程日记 2025/7/19 23:39:57

永磁同步电机高性能控制算法（22）——基于神经网络的转矩脉动抑制算法为什么低速时的转速波动大？

0. 前言在之前的知乎上发过一些转矩脉动抑制/谐波电流抑制的算法。例如： https://zhuanlan.zhihu.com/p/24723996895https://zhuanlan.zhihu.com/p/24723996895 这些算法基本上都需要先知道谐波的频率。重复控制这个算法虽然可以抑制掉某个频率及其所有整数倍的…...

编程日记 2025/7/20 1:22:16

Java大厂面试实战：Spring Boot与微服务场景中的技术点解析

Java大厂面试实战：Spring Boot与微服务场景中的技术点解析第一轮：基础技术了解面试官：谢飞机，你好。从简历上看，你熟悉Spring Boot，那我们来聊聊它的核心功能吧。Spring Boot有哪些主要的特性&#xff…...

编程日记 2025/7/12 1:52:47

Pycharm 选择Python Interpreter

你的系统可能有多个 Python 环境，比如： macOS 自带的 /usr/bin/python3 你用 brew install python 安装的 /opt/homebrew/bin/python3 你可能还用了虚拟环境（venv 或 conda） PyCharm 默认配置可能用的是一个虚拟环境&#xff…...

编程日记 2025/7/21 10:25:07

文件夹如何打包成jar包

应用场景主要是：比如 maven 引入一个依赖（其实就是下载了一个 jar 包），然后需要修改 jar 包里面的某个文件，然后再重新打包成 jar 包，如下图： 使用方法使用压缩工具打开这个 jar 包&#xf…...

编程日记 2025/7/10 1:20:14

sqli-labs第九关—‘时间盲注

一：判断闭合类型先按照之前的判断方式判断，发现无论输入什么都显示You are in.......... 可以考虑使用时间盲注： 二：时间盲注Time-based Blind： 1.解释： 通过时间延迟判断结果 2.核心原理&#xff1a…...

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

10.15 LangChain v0.3重磅升级：Tool Calling技术颠覆大模型工具调用，效率飙升300%！

LangChain v0.3 技术生态与未来发展：支持 Tool Calling 的大模型关键词：LangChain Tool Calling, 大模型工具调用, @tool 装饰器, ToolMessage 管理, Few-shot Prompting 1. Tool Calling 的技术革新 LangChain v0.3 的工具调用（Tool Calling）功能标志着大模型应用开发进…...

编程日记 2025/7/21 18:56:18

【C++】哈希的概念与实现

1.哈希概念通过某种函数使元素的存储位置与它的关键码之间能够建立一一映射的关系，可以不经过任何比较，一次直接从表中得到要搜索的元素。当向该结构中： 插入元素： 根据待插入元素的关键码，以此函数计算出该元素的…...

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

Spring 代理与 Redis 分布式锁冲突：一次锁释放异常的分析与解决

Spring 代理与 Redis 分布式锁冲突：一次锁释放异常的分析与解决 Spring 代理与 Redis 分布式锁冲突：一次锁释放异常的分析与解决1. 问题现象与初步分析2 . 原因探究：代理机制对分布式锁生命周期的干扰3. 问题复现伪代码4. 解决方案&#xff1…...

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

vue Element-ui对图片上传和选用时的比例控制

vue Element-ui对图片上传和选用时的比例控制在后台上传图片和选用已经上传的图片时，往往会因为图片的比例控制不到位导致在客户端渲染时效果差强人意，虽然可以在操作时选择合适的比例上传，但必要的控制还是能完成渲染时良好的体验&#xf…...

编程日记 2025/7/21 18:35:19

UE5在C++项目中判断不同平台

在Unreal Engine 5的C代码中，可以通过以下方法判断当前运行的平台（如Android、Windows、iOS），并根据平台执行不同的逻辑： 方法1：使用预处理器宏（编译时判断） Unreal Engine提供了一…...

编程日记 2025/7/16 22:04:13

用 CodeBuddy 实现「IdeaSpark 每日灵感卡」：一场 UI 与灵感的极简之旅

项目起点：一次随手的灵感有时候，灵感稍纵即逝，尤其是面对屏幕发呆的时候。那天我忽然想到——要是能有一个每天弹出一句创意提示、灵感金句的应用就好了，最好配上简洁但有氛围感的 UI，像抽一张卡片一样，轻…...

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

std::ranges::views::as_const 和 std::ranges::as_const_view

std::ranges::views::as_const 和 std::ranges::as_const_view 是 C23 引入的视图适配器，用于生成一个不可变的视图，确保通过该视图访问元素时，元素被视为常量。以下是详细说明和示例： 基本概念功能： 将输入范围的元素…...

编程日记 2025/7/21 18:39:27

3D 数据交换格式（.3DXML）简介

3DXML 是一种基于 XML 的 3D 数据交换格式，由达索系统(Dassault Systmes)开发，主要用于其 CATIA、SOLIDWORKS 和 3DEXPERIENCE 等产品中。基本概述全称：3D XML开发者：达索系统主要用途：3D…...

编程日记 2025/7/21 18:45:35

深度解析3D模型生成器：基于StyleGAN3与PyTorch3D的多风格生成工具开发实战

引言：跨模态生成的革命性突破在元宇宙与数字孪生技术蓬勃发展的今天，3D内容生成已成为制约产业发展的关键瓶颈。传统建模方式依赖专业软件和人工操作，而基于深度学习的生成模型正颠覆这一范式。本文将深入解析如何构建支持多风格生成的3D模…...

编程日记 2025/7/21 18:31:29

DTAS 3D多约束装配助力悬架公差分析尺寸链计算：麦弗逊/双叉臂/多连杆/H臂一网打尽

摘要：汽车四轮定位参数与悬架密切相关。汽车悬架对于车辆的行驶性能、安全性和舒适性至关重要。DTAS 3D提供了各类型悬架的公差仿真分析方法。关键字：DTAS 3D、前后悬架、公差仿真分析、运动耦合一、悬架公差分析综述悬架是车身（或车架…...

编程日记 2025/7/21 18:41:23

CRMEB多商户预约服务上门师傅端

随着科技的不断发展，人们对于生活品质的要求也在不断提高。在这个过程中，各种便捷的上门服务应运而生，为我们的生活带来了极大的便利。而CRMEB多商户预约服务上门师傅端正是这样一款致力于为用户提供专业、高效、便捷的上门服务的应用。一、…...

编程日记 2025/7/16 15:51:03

labview硬件开发板——LED流水灯

函数 ： int DoSetV12( unsigned char chan, unsigned char state); 功能 ：设置 OUT0—3 的输出状态，输入参数为 8 位字符型， Chan：4 位要设置的通道，0 对应 OUT1……3 对应 OUT4 ( 注意：开…...

编程日记 2025/7/16 15:33:45

linux——mysql故障排查与生产环境优化

目录一，mysql数据库常见的故障 1，故障现象1 2，故障现象2 3，故障现象3 ４，故障现象４ ５，故障现象５ ６，故障现象６ 二&…...

编程日记 2025/7/18 12:49:23

MongoDB及spring集成

MongoDB 是一个基于分布式文件存储的开源 NoSQL 数据库系统用文档存数据，每个文档可以看作是一个键值对集合，类似于 JSON 对象 MongoDB 支持索引以提高查询性能，并且可以在任何属性上创建索引文档（Document） M…...

编程日记 2025/7/21 14:31:44

一发入魂：极简解决 SwiftUI 复杂视图未能正确刷新的问题（下）

概述各位似秃非秃小码农们都知道，在 SwiftUI 中视图是状态的函数，这意味着状态的改变会导致界面被刷新。但是，对于有些复杂布局的 SwiftUI 视图来说，它们的界面并不能直接映射到对应的状态上去。这就会造成一个问题：状态的改变并没有及时的引起 UI 的变化。如上图所示…...

编程日记 2025/7/21 18:26:46

关于我在使用stream().toList()遇到的问题

关于我在使用stream().toList()遇到的问题问题描述在测试以上程序的时候抛出了空指针异常于是我以为是我数据库中存在null字段，但查看后发现并不存在为null的数据问题排查起初我以为问题出现在sort排序方法这，事实也确实是，当我把s…...

编程日记 2025/7/17 19:23:07

如何通过生成式人工智能认证（GAI认证）提升自己的技能水平？

当生成式人工智能从实验室走向生产线，职场人正面临一个关键抉择：是被动等待技术浪潮的冲刷，还是主动构建适应未来的能力护城河？职业技能培训的终极目标，早已超越“掌握工具”的初级阶段，转向“构建技术认知体系”的深层需求。生成式人工智能认证（GAI认证）的兴起，正是这…...

编程日记 2025/7/21 18:49:22

通讯协议串口 | 485标准

485通讯（RS-485）详解一、基本概念与核心原理定义与标准 RS-485（又称EIA-485）是一种由美国电子工业协会（EIA）制定的差分信号串行通信标准，属于OSI模型的物理层协议。它专为工业环境设计&#…...

编程日记 2025/7/20 1:31:26

新能源充电桩智慧管理系统：未来新能源汽车移动充电服务发展前景怎样？

随着全球新能源汽车保有量的持续攀升，传统固定充电桩建设速度已难以满足用户日益增长的补能需求。在这一背景下，移动充电服务作为充电基础设施的重要补充，正展现出巨大的发展潜力。政策支持、技术进步（如快充、智能调度&#xff0…...

编程日记 2025/7/16 21:30:34

【强化学习】#6 n步自举法

主要参考学习资料：《强化学习（第2版）》[加]Richard S.Suttion [美]Andrew G.Barto 著文章源文件：https://github.com/INKEM/Knowledge_Base 概述 n步时序差分方法是蒙特卡洛方法和时序差分方法更一般的推广。将单步Sarsa推广到n…...

编程日记 2025/7/21 4:41:02

双指针算法：原理与应用详解

文章目录一、什么是双指针算法二、双指针算法的适用场景三、双指针的三种常见形式1. 同向移动指针2. 相向移动指针3. 分离指针四、总结一、什么是双指针算法双指针算法（Two Pointers Technique）是一种在数组或链表等线性数据结构中常用的高效算法技…...

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

小土堆pytorch--神经网路的基本骨架（nn.Module的使用）卷积操作

小土堆pytorch–神经网路的基本骨架（nn.Module的使用） 对于官网nn.Module操作的解释在pytorch官网可以看到对于上述forward函数的解释： 示例代码 import torch from torch import nnclass Test(nn.Module): # 继承神经网路的基本骨架…...

编程日记 2025/7/10 5:19:31

数据库连接池技术与 Druid 连接工具类实现

目录 1. 数据库连接池简介 1.1. 什么是数据库连接池 1.2. 不使用数据库连接池可能存在的问题 1.3. JDBC数据库连接池的必要性 1.4. 数据库连接池的优点 1.5. 常用的数据库连接池 2. Druid连接池 2.1. Druid简介 2.2. Druid使用步骤 2.2.1. 第一步的步骤详解&#xff…...

编程日记 2025/7/21 18:35:18

chrome源码中WeakPtr 跨线程使用详解：原理、风险与最佳实践

base::WeakPtr 在 Chromium 中不能安全地跨线程使用。这是一个很关键的点，下面详细解释原因及正确用法。 🔍原理与使用 ✅ 先说答案： base::WeakPtr 本质上是**线程绑定（thread-affine）**的。不能在多个线程之间创建…...

编程日记 2025/7/2 15:17:51

vue2使用three.js实现一个旋转球体

vue页面中 <div ref"container"></div>data声明 scene: null, camera: null, renderer: null, controls: null, rotationType: sphere, rotationTimer: null,backgroundImageUrl: https://mini-app-img-1251768088.cos.…...

编程日记 2025/7/16 3:11:37

社交平台推出IP关联机制：增强用户体验与网络安全的新举措

社交平台为我们提供与亲朋好友保持联系、分享生活点滴的便捷渠道，还成为了信息传播、观点交流的重要平台。然而，随着社交平台的普及，网络空间中的虚假信息、恶意行为等问题也日益凸显。为了应对这些挑战，许多社交平台相继推出IP关…...

编程日记 2025/7/14 8:54:01

sherpa-ncnn：音频处理跟不上采集速度 -- 语音转文本大模型

目录 1. 问题报错2. 解决方法 1. 问题报错报错： An overrun occurred, which means the RTF of the current model on your board is larger than 1. You can use ./bin/sherpa-ncnn to verify that. Please select a smaller model whose RTF is less than 1 fo…...

编程日记 2025/7/19 11:40:06

【android bluetooth 协议分析 01】【HCI 层介绍 8】【ReadLocalVersionInformation命令介绍】

1. HCI_Read_Local_Version_Information 命令介绍 1. 功能（Description） HCI_Read_Local_Version_Information 命令用于读取本地 Bluetooth Controller 的版本信息，包括 HCI 和 LMP 层的版本，以及厂商 ID 和子版本号。这类信息用…...

编程日记 2025/7/12 22:51:06

android13以太网静态ip不断断开连上问题

总纲 android13 rom 开发总纲说明文章目录 1.前言2.log记录3.问题分析4.代码修改5.彩蛋1.前言 android13以太网静态ip不断断开连上，具体情况为保存静态以太网成功后，可以看到以太网链接成功的图标，但是几秒后会消失，出现断网，几秒后又出现，反复出现和消失。 2.log记录…...

编程日记 2025/7/15 11:55:01

UA 编译和建模入门教程(zhanzhi学习笔记)

一、使用SIOME免费工具建模从西门子官网下载软件SIOS，需要注册登录，下载安装版就行。下载后直接安装就可以用了，如图： 安装完成后打开，开始建模，如图左上角有新建模型的按钮。新建了新工程后&#xff0c…...

编程日记 2025/7/17 19:08:17

系统架构设计-案例分析总结

系统架构设计-案例分析总结 2024年下半年系统架构设计师案例第1题 2022年下半年系统架构设计师案例第1题第2题 2021年下半年系统架构设计师案例第1题第2题 2024年下半年系统架构设计师案例题：效用树可用性中ping/echo策略和心跳策略比较第1题阅读以下关于面向质…...

编程日记 2025/7/20 12:07:45

【QT】一个界面中嵌入其它界面（三）

在 Qt 中，通过 UI 设计或代码布局实现界面 A 中同时显示界面 B 和 C，并精确指定它们的位置，可以通过以下两种方式实现。以下是详细步骤和完整代码： 方法 0：使用 Qt Designer 可视化布局通过 Qt Designer 拖拽控件…...

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

实战教程：影刀RPA采集闲鱼商品并分享钉钉

1.实战目标采集字段： 采集时间商品ID商品标题标价商品链接采集的第一个品可通过钉钉分享给好友也可以通过钉钉群通知指令，发送到指定群 2.实战代码 2.1 主体代码 2.2 采集初始化先初始化环境这一步骤主要是连接手机，能使用影刀RPA操…...

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

多模态大语言模型arxiv论文略读（八十二）

Emotion-LLaMA: Multimodal Emotion Recognition and Reasoning with Instruction Tuning ➡️ 论文标题：Emotion-LLaMA: Multimodal Emotion Recognition and Reasoning with Instruction Tuning ➡️ 论文作者：Zebang Cheng, Zhi-Qi Cheng, Jun-Yan H…...

编程日记 2025/7/21 10:58:24

常见排序算法整理（Java实现）

1.冒泡排序（Bubble Sort） 原理重复遍历数组，比较相邻元素，若顺序错误则交换。每趟将最大元素"冒泡"到末尾。每次遍历保证了最大元素被放在最后，所以内层循环不需要遍历到最后的位置。代码实现 public …...

编程日记 2025/7/20 15:45:34

c++字符串常用语法特性查询示例文档（二）

在 C中，除了std::string和std::string_view，还有其他一些与字符串相关的类型，它们各自针对不同的场景进行了优化。以下是一些常见的字符串类型及其使用方式和适用场景的汇总。紧接上篇 c字符串常用语法特性查询示例文档（一&#…...

编程日记 2025/7/15 1:32:23

JavaScript 性能优化实战指南

前言

一、代码执行效率优化

1.1 算法复杂度控制

1.2 函数调用优化

二、DOM 操作与渲染优化

2.1 批量 DOM 更新

2.2 事件处理优化

三、内存管理优化

3.1 变量作用域与引用

3.2 数据结构选择与内存泄漏防范

四、异步编程与主线程优化

4.1 并发请求与任务拆分

4.2 任务调度与分流

五、加载性能与资源优化

5.1 资源加载策略

5.2 代码分割与压缩

5.3 避免阻塞渲染

六、性能监控与自动化测试

6.1 浏览器内置工具

6.2 自动化与第三方工具

七、典型优化案例

1. 搜索框输入防抖

2. 虚拟滚动渲染长列表

3. Web Worker 处理大数据

4. 事件委托与节流

八、优化路径总结

结语

相关文章：