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

前端如何性能优化

news 来源：原创 2025/9/21 8:16:43

前端性能优化是提高网页加载速度和响应速度的重要手段。优化前端性能不仅能提升用户体验，还能提高SEO排名，降低服务器负担，节省带宽等。下面是一些常见的前端性能优化方法：

1. 减少 HTTP 请求

每个页面资源（如图片、脚本、样式等）都需要一个 HTTP 请求。请求过多会增加加载时间。

合并文件：将多个 CSS 文件、JavaScript 文件合并成一个文件，以减少 HTTP 请求的次数。
使用雪碧图（Sprite）：将多个小图片合并成一张大图，通过 CSS 的 background-position 控制显示不同的区域，减少 HTTP 请求。
使用字体图标：用字体图标代替图片图标，减少请求。

2. 压缩和缩小资源文件

压缩图片：使用图片压缩工具（如 ImageOptim，TinyPNG）减小图片的文件大小，选择合适的图片格式（如使用 WebP 格式代替 PNG/JPG 格式）。
CSS、JS 压缩：压缩 CSS 和 JavaScript 文件，移除多余的空格、注释和换行符。可以使用工具如 UglifyJS、Terser（JS）和 CSSNano（CSS）进行压缩。
启用 Gzip 或 Brotli 压缩：服务器启用 Gzip 或 Brotli 压缩，使 HTML、CSS、JavaScript 文件传输时更小。

3. 异步加载和懒加载

异步加载 JavaScript 文件：使用 async 或 defer 属性来异步加载 JavaScript 文件，避免阻塞渲染。

<script src="example.js" async></script> <!-- 异步加载 --> <script src="example.js" defer></script> <!-- 延迟加载，等页面解析完成后再加载 -->

懒加载图片：图片不是立即加载，而是等到它们出现在视口内时才加载，可以使用 IntersectionObserver API 或通过插件（如 lazysizes）实现懒加载。
```
<img data-src="image.jpg" class="lazyload" />
```
懒加载非关键资源：对于一些非核心的资源（如广告、社交分享按钮等），可以在页面加载完成后再异步加载，避免阻塞页面渲染。

4. 减少重排与重绘

浏览器渲染过程中的重排（Reflow）和重绘（Repaint）会严重影响性能，尤其是在复杂的 DOM 操作时。

避免频繁修改 DOM：批量修改 DOM，而不是多次修改，可以使用 documentFragment 或 innerHTML。
避免频繁读取布局属性：如 offsetHeight，clientWidth 等。每次读取这些属性时，浏览器会强制重新计算布局，影响性能。
使用 requestAnimationFrame：对于动画操作，使用 requestAnimationFrame 来确保动画的流畅性，减少不必要的重新绘制。

5. 合理使用缓存

缓存可以显著减少页面加载时间。

浏览器缓存：通过设置合适的缓存头（如 Cache-Control，ETag）来缓存静态资源，减少后续请求的加载时间。
服务工作者（Service Workers）：可以使用 Service Worker 缓存文件，支持离线访问以及更智能的缓存策略。

6. 优化 CSS 和 JavaScript

减少 CSS 文件的复杂性：使用简洁、精确的选择器，避免过度嵌套。减少不必要的样式，避免大规模的重绘和重排。
使用 CSS 变量和预处理器：使用 CSS 变量、SASS、LESS 等预处理器来提高 CSS 的复用性，减少重复代码。
避免阻塞渲染的 JavaScript：将 JavaScript 放在页面底部，或者使用 async、defer 来异步加载脚本，避免脚本阻塞页面的渲染。

7. 服务器端优化

虽然这是前端优化之外的一部分，但服务器性能对于页面加载至关重要：

使用内容分发网络（CDN）：将静态资源（如图片、CSS、JavaScript）存储在 CDN 上，以便更快速地提供内容，尤其是对全球用户。
启用 HTTP/2 或 HTTP/3：这些协议比 HTTP/1 更高效，支持并行请求、头压缩和其他优化，提高数据传输速度。

8. 利用现代浏览器特性

CSS Grid 和 Flexbox：避免使用复杂的浮动布局或使用大量嵌套的元素。使用 CSS Grid 和 Flexbox 可以减少 DOM 结构的复杂度，提高布局性能。
Web Workers：将计算密集型的任务放到后台线程，避免阻塞主线程，改善页面响应速度。
WebAssembly：对于一些需要高效计算的任务，使用 WebAssembly 来提高计算性能。

9. 优化字体加载

使用系统字体：避免使用过多的 Web 字体，或者可以选择系统字体（例如 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;），可以避免字体下载带来的延迟。
字体懒加载：只加载当前页面使用的字体，而不是一次性加载所有字体。
使用字体显示策略：使用 font-display: swap; 来避免 FOUT（Flash of Unstyled Text）现象。

10. 减少 DOM 节点数

页面中的 DOM 节点越多，浏览器渲染和操作时的性能开销越大。要尽量减少页面中的 DOM 节点数。

虚拟化长列表：对于大数据量的列表，采用虚拟化技术（如 react-window、react-virtualized）来只渲染可视区域内的项，避免渲染整个列表。

11. 优化响应式设计

响应式设计对不同屏幕尺寸进行适配时，可能会增加额外的计算和布局，影响性能。

使用媒体查询：根据不同的设备特性加载不同的 CSS 样式，减少不必要的样式。
图片自适应：使用 srcset 属性，根据不同的设备分辨率加载不同大小的图片。

12. 监控和评估性能

定期评估页面的性能，找出瓶颈：

使用 Chrome DevTools：使用浏览器开发者工具的 Performance 面板来分析页面的性能瓶颈，查看哪些操作花费了最多的时间。
Lighthouse：Google 提供的 Lighthouse 工具，可以评估页面的性能、可访问性、SEO 等，帮助找到优化的机会。
Web Vitals：关注 Core Web Vitals 指标，如 LCP（Largest Contentful Paint）、FID（First Input Delay）、CLS（Cumulative Layout Shift），这些都是影响用户体验的重要指标。

13. 渐进式 Web 应用（PWA）

如果你需要进一步提升性能，可以考虑将网站转变为 PWA。PWA 允许在离线状态下访问，并且提供了更多优化（如应用缓存、推送通知等）。

总结

前端性能优化是一个综合性和持续的工作。通过合理的资源管理、减少请求、异步加载、优化代码和提高缓存利用率等手段，能够显著提高页面的加载速度和响应速度，改善用户体验。优化的过程中，不仅要关注加载速度，还要考虑到页面交互性能，确保用户能够流畅地使用页面。

前端如何性能优化

前端性能优化是提高网页加载速度和响应速度的重要手段。优化前端性能不仅能提升用户体验，还能提高SEO排名，降低服务器负担，节省带宽等。下面是一些常见的前端性能优化方法： 1. 减少 HTTP 请求每个页面资源（如图片、…...

编程日记 2025/9/21 8:16:43

【开源】为Stable Diffusion工作流程提供的一个更加灵活易用的Web界面

一个开源项目，旨在为Stable Diffusion工作流程提供一个更加灵活、易用的Web界面。这个项目特别适用于图像生成和编辑，具有以下几个显著特点： 分层和非破坏性编辑：OpenDream支持非破坏性编辑，允许用户在保留原始图像数据…...

编程日记 2025/9/21 8:16:17

安全见闻（1）

Target 开阔见闻，不做井底之蛙 Trial 建议前期小白到中级红队：把python学好 C\C：偏向底层，适合逆向，不适合前期web渗透编程语言 C语言: 一种通用的、面向过程的编程语言，广泛应用于系统软件和嵌入…...

编程日记 2025/9/19 11:27:54

基于32单片机的RS485综合土壤传感器检测土壤PH、氮磷钾的使用（超详细）

1-3为RS485综合土壤传感器的基本内容 4-5为基于STM32F103C8T6单片机使用RS485传感器检测土壤PH、氮磷钾并显示在OLED显示屏的相关配置内容注意：本篇文件讲解使用的是PH、氮磷钾四合一RS485综合土壤传感器，但里面的讲解内容适配市面上的所有多合一的RS…...

编程日记 2025/9/20 9:37:30

SQL server学习03-创建和管理数据表

目录一，SQL server的数据类型 1，基本数据类型 2，自定义数据类型二，使用T-SQL创建表 1，数据完整性的分类 2，约束的类型 3，创建表时创建约束 4，任务 5，由任务编写…...

编程日记 2025/9/9 10:47:33

Windows 系统下 Python 环境安装

一、引言 Python 作为一种广泛应用的编程语言，在数据分析、人工智能等领域发挥着重要作用。本文将详细介绍在 Windows 系统上安装 Python 环境的步骤。二、安装前准备系统要求 Windows 7 及以上版本一般都能支持 Python。硬件方面，通常 2GB 内存、几…...

编程日记 2025/9/21 6:01:51

Redis 在Go项目中的集成和统一管理

本节我们在项目中安装和集成 go-redis，让项目能访问Redis，后面实战项目中的用户认证体系会依赖Redis来实现，像Token、Session这些都是在Redis中存储的。本节大纲如下：‍‍ Redis的使用场景有不少，不过有一点需要提醒的…...

编程日记 2025/9/21 4:39:31

Hive——HQL数据定义语言

文章目录 Hive HQL数据查询语言更多大数据资源持续更新中。。。学习目标一、HQL数据定义语言（DDL）概述1、DDL语法的作用2、Hive中DDL使用☆ 创建数据库☆ 查询数据库☆ 切换数据库☆ 修改数据库☆ 删除数据库二、Hive DDL建表基础1、完整建表语法树2、H…...

编程日记 2025/9/21 0:19:56

Python机器视觉的学习

一、二值化 1.1 二值化图二值化图：就是将图像中的像素改成只有两种值，其操作的图像必须是灰度图。 1.2 阈值法阈值法（Thresholding）是一种图像分割技术，旨在根据像素的灰度值或颜色值将图像分成不同的区域。该方法…...

编程日记 2025/9/21 6:13:46

使用navicat新旧版本，连接PostgreSQL高版本报错问题图文解决办法

使用navicat新旧版本，连接PostgreSQL高版本报错问题图文解决办法一、问题现象：二、出现原因三、解决方法：1、升级Navicat版本：2、使用低版本的postgreSQL：3、修改Navicat的dll二进制文件：navicat版本15nav…...

编程日记 2025/9/20 14:27:08

秒杀抢购场景下实战JVM级别锁与分布式锁

背景历史在电商系统中，秒杀抢购活动是一种常见的营销手段。它通过设定极低的价格和有限的商品数量，吸引大量用户在特定时间点抢购，从而迅速增加销量、提升品牌曝光度和用户活跃度。然而，这种活动也对系统的性能和稳定性提出了极…...

编程日记 2025/9/17 21:08:35

【iOS】OC高级编程 iOS多线程与内存管理阅读笔记——自动引用计数（四）

目录 ARC规则规则对象型变量不能作为C语言结构体的成员显式转换id和void* 属性数组 ARC规则规则在ARC有效的情况下编译源代码必须遵守一定的规则： 主要解释一下最后两条对象型变量不能作为C语言结构体的成员要把对象型变量加入到结构体成员中时&a…...

编程日记 2025/9/19 12:40:23

Reactor 响应式编程（第一篇：Reactor核心）

系列文章目录 Reactor 响应式编程（第一篇：Reactor核心） Reactor 响应式编程（第二篇：Spring Webflux） Reactor 响应式编程（第三篇：R2DBC） Reactor 响应式编程&#xff08…...

编程日记 2025/9/19 13:01:49

数据挖掘之聚类分析

聚类分析（Clustering Analysis） 是数据挖掘中的一项重要技术，旨在根据对象间的相似性或差异性，将对象分为若干组（簇）。同一簇内的对象相似性较高，而不同簇间的对象差异性较大。聚类分析广泛应用…...

编程日记 2025/9/19 13:11:10

修改uniapp下拉刷新圆圈颜色

直接看图修改前就是常规的绿色自定义更符合我们的软件直接说方法修改在App.vue的style样式里添加一行 .uni-page-refresh--refreshing .uni-page-refresh__path{stroke:#FF2442; }我是通过不执行 uni.stopPullDownRefresh(); 下拉刷新之后通过F12看出来的希望可以帮…...

编程日记 2025/9/19 13:11:56

文章目录 SparkSQL与Hive的整合1.1. Spark On Hive1.1.1. Hive的准备工作1.1.2. Spark的准备工作1.1.3. Spark代码开发1.1.4. Spark On Hive案例 1.2. Hive On Spark1.3. SparkSQL命令行1.4. SparkSQL分布式查询引擎1.4.1. 开启ThriftServer服务1.4.2. beeline连接ThriftServer…...

编程日记 2025/9/18 7:40:33

电子科技大学考研，计算机与软件专业怎么选择？

电子科技大学在计算机与软件领域具备卓越实力，其毕业生就业前景及薪资水平均颇为可观。因此，学生应依据个人课程专长来选定专业。若各项课程均表现出色，推荐25届考生优先考虑软件专业，因其上岸难度相对较低。接下来，C…...

编程日记 2025/9/19 5:05:33

MSF（Metasploit Framework）

渗透测试中MSF是一个非常强大的工具，可以用来验证系统漏洞、执行攻击以及开发自定义的漏洞利用代码。以下是使用MSF进行渗透测试的基本步骤： 1.启动MSF 启动MSF控制台。 msfconsole2. 搜索漏洞在MSF中搜索已知漏洞。 search <vulnerability nam…...

编程日记 2025/9/19 13:20:22

@SpringBootTest 报错: UnsatisfiedDependencyException

Spring Boot Test 报错: UnsatisfiedDependencyException 在使用 SpringBootTest 测试时，出现 UnsatisfiedDependencyException 报错，原因和解决方法如下。报错原因分析 1. Spring 存在涉及 Bean 没有被添加 Spring Boot 测试中，默认会加…...

编程日记 2025/9/19 7:28:42

QT数据库操作详解

在Qt中，操作数据库通常使用Qt SQL模块，该模块提供了一组类来与数据库进行交互。数据库连接与查询执行 QSqlDatabase::addDatabase(): 添加一个数据库连接。 QSqlDatabase::open(): 打开数据库连接。 QSqlDatabase::close(): 关闭数据库连接。 QSql…...

编程日记 2025/9/18 2:36:35

Coding Caprice - dynamic programming13

647. 回文子串 class Solution { public:int countSubstrings(string s) {int s_len s.size();vector<int> dp{0};int out(1);for(int i1; i<s_len; i){out;vector<int> dq{i};if(s[i]s[i-1]){dq.push_back(i-1);out;}for(int j:dp){if(j>0&&s[j-1…...

编程日记 2025/9/19 13:15:35

Fastapi教程：使用 aioredis 连接池执行Redis 的高效异步操作

在构建高性能的 Web 应用时，缓存系统是一个至关重要的组成部分。Redis 是最常见的缓存系统之一，它提供了高效的存储与读取机制。然而，在与 Redis 进行频繁交互时，创建和销毁连接可能会成为瓶颈。为了优化这一问题，我们…...

编程日记 2025/9/19 2:56:34

Elasticsearch对象映射

Spring Data Elasticsearch对象映射是将Java对象（域实体）映射到存储在Elasticsearchs中的JSON表示形式并返回的过程。内部用于此映射的类是MappingElasticsearchConverter。元模型对象映射基于元模型的方法使用域类型信息对Elasticsearch进行读写操作…...

编程日记 2025/9/18 17:23:36

解决Logitech G hub 无法进入一直转圈的方案（2024.12）

如果你不是最新版本无法加载尝试以下方案：删除AppData 文件夹下的logihub文件夹具体路径：用户名根据实际你的请情况修改 C:\Users\Administrator\AppData\Local 如果你有通过lua编译脚本，记得备份！！ ↓如果你是最新…...

编程日记 2025/9/1 13:28:21

Debezium SchemaNameAdjuster 分析

Debezium SchemaNameAdjuster 分析目录 1. 概述2. 核心功能3. 实现原理4. 应用场景5. 扩展示例6. 总结1. 概述 SchemaNameAdjuster 是 Debezium 中的一个工具类，主要用于确保 Schema 名称符合 Avro 命名规范。在数据库变更事件被转换为 Kafka 消息时，需要为每个表和字段创…...

编程日记 2025/9/19 13:44:47

聊一下前端常见的图片格式

1. JPEG (JPG) 概述：是一种有损压缩的图像格式，它通过去除图像中一些人类视觉不易察觉的细节来减小文件大小。它支持数百万种颜色，能够很好地呈现照片等色彩丰富的图像内容。优点： 压缩率高：可以在保持相对较好的图像…...

编程日记 2025/9/19 13:40:13

npm : 无法加载文件 D:\nodejs\npm.ps1

问题描述 npm run serve 启动一个Vue项目，报错如下： npm : 无法加载文件 D:\nodejs\npm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/? LinkID135170 中的 about_Execution_Policies。…...

编程日记 2025/9/19 13:47:08

如何使用 Python 实现 TCP / IP 客户端和服务端通信？

如何使用Python实现TCP/IP客户端和服务端通信？ 1. TCP/IP通信基础 TCP/IP（传输控制协议/互联网协议）是互联网的基础协议，用于在网络中的计算机之间进行可靠的数据传输。在Python中，可以使用socket模块来实现TCP/IP通…...

编程日记 2025/9/18 23:38:16

IDEA 可视化使用 git rebase 合并分支步骤使git分支树保持整洁

模拟环境 dev 分支开发完一个功能，需要合并到 master 分支，如果现在直接 merge 合并的话 git分支树会出现杂乱分叉，先把 master 分支 rebase 到 dev git分支树就会是整洁的一条直线 git rebase介绍 rebase:翻译成中文是重新设定，…...

编程日记 2025/9/19 16:13:44

【指南】03 CSC联系外导

确定外导课题组有合作关系的国外导师与自己研究方向密切相关的国外导师国外高校官网、谷歌学术、Research Gate等平台检索不可以是中国港澳台的高校科研院所或机构注意外导所在高校排名和科研水平可列表记录注意外国签证政策发送邮件自我介绍简要介绍CSC介绍自己的研究对…...

编程日记 2025/9/21 1:18:46

axios请求拦截器和响应拦截器，封装naive-ui的 Loading Bar加载条和useMessage消息提示

接之前的博客设计从0开始边做边学，用vue和python做一个博客，非规范化项目，怎么简单怎么弄，跑的起来有啥毛病解决啥毛病（三），目前已经完成了基本的功能demo，但是请求接口不可能每个页…...

编程日记 2025/9/18 15:48:35

联网功耗电流波形

飞行模式下，Wifi 可连接或不可连接的条件对比： 1. 基电流为 3.5 mA 的环境下, 网络不可连接时,会产生一个持续0.72s,平均电流为 54.8 mA 的电流波形 2. 基电流为 6.8 mA 的环境下, 网络可连接时,会产生一个持续4.64s,平均电流为 73.63 mA 的电流波形 …...

编程日记 2025/9/17 15:58:32

Unity 模板测试透视效果（URP）

可以实现笼中窥梦和PicoVR中通过VST局部透视效果。使用到的Shader: Shader "Unlit/StencilShader" {Properties{[IntRange]_Index("Stencil Index",Range(0,255))0}SubShader{Tags{"RenderType""Opaque""Queue""Geo…...

编程日记 2025/9/18 15:00:03

C 语言动态爱心代码

C 语言动态爱心代码代码 #include <stdio.h> #include <math.h> #include <windows.h> #include <tchar.h> float f(float x, float y, float z) {float a x * x 9.0f / 4.0f * y * y z * z - 1;return a * a * a - x * x * z * z * z - 9.0f / …...

编程日记 2025/9/20 9:09:00

Linux服务器磁盘满了，清理步骤命令

Linux服务器磁盘满了，磁盘空间不足，清理步骤 1. 检查磁盘使用情况了解哪些文件和目录占用了大量空间。使用 df -h查看所有分区的总体使用情况。使用 du -sh /directory/* | sort -rh | head -n 10 查找特定目录下占用空间最大的前10个子目录或文件。…...

编程日记 2025/9/18 2:15:28

CTFshow-命令执行(Web41-57)

CTFshow-命令执行(Web41-57) CTFWeb-命令执行漏洞过滤的绕过姿势_绕过空格过滤-CSDN博客总结rce（远程代码执行各种sao姿势）绕过bypass_远程命令执行绕过-CSDN博客对比两者的源代码，我们发现，cat指令把flag.php的内容导出后依…...

编程日记 2025/9/18 14:49:11

Batch Norm vs Layer Norm：为什么 Transformer 更适合用 Layer Norm？

Batch Norm vs Layer Norm：为什么 Transformer 更适合用 Layer Norm？ 1. Batch Norm 和 Layer Norm 的定义与作用 1.1 Batch Normalization (BN) Batch Norm 是一种归一化方法，主要用于加速深层神经网络的训练。它在每个小批量（b…...

编程日记 2025/9/20 15:08:22

jQuery Mobile页面事件

jQuery Mobile页面事件 jQuery Mobile是一个基于jQuery的移动设备友好的Web应用框架，它提供了一套丰富的页面事件，这些事件在移动应用的交互设计中扮演着重要的角色。本文将详细介绍jQuery Mobile中的页面事件，包括它们的触发时机、用途以及如何使用它们来增强移动应用的交…...

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

接口测试Day01-HTTP请求

概念接口：系统之间（外部系统与内部系统，内部系统与内部系统）数据交通的通道。接口测试：校验接口回发的响应数据与预期结果是否一致。接口测试，可以绕过前端界面。直接对服务器进行测试&#xff01…...

编程日记 2025/9/16 10:42:43

使用枚举实现单例模式，不会反序列化破坏攻击，不会被反射破坏攻击。（附带枚举单例的简单实现）

原因分析 1.反序列化方法 ① jdk8中的Enum源码中对反序列化方法进行重写，抛出异常。 java.lang.Enum#readObject方法截图如下 ②java.io.ObjectInputStream#readObject 方法中的 readEnum 方法处理了枚举类型的反序列化，从而确保了枚举的单例特性。 …...

编程日记 2025/9/19 14:00:44

又细又长的马尾：tail

英语里边有一个单词 tail，意为“尾巴”，这应当是众所周知的事情了。不过，tail 这条尾巴，并不简单，因为它还是一个词根，也就是说 tail 其实是自由词素。事实上，tail 最初来自马尾这样一个概…...

编程日记 2025/9/19 23:26:42

记录：VB6 直接获取 PictureBox 的图像数据到数组 GetDIBits

记得十几年前写几个游戏辅助工具的时候用过这个功能，这几天想直接把图片控件的数据转换为 PNG 文件不想用存出 BMP 文件交换，直接取得图像数据操作即可，但是忘记了当初是怎么做的了，找到个 2007 年的例子好像不太对，运…...

编程日记 2025/9/18 10:57:58

uboot移植网络驱动过程，无法ping通mx6ull和ubuntu问题解决方案

开发板：mx6ull-ALPHA_V2.4 ubuntu版本：20.04 1.现在虚拟机设置中添加网路适配器用于开启桥接模式 2.在编辑中打开“虚拟网络编辑器” 我的电脑本身只有VMnet1和VMnet8，需要底下“添加网络”，增加这个VMnet0 ，并且进行…...

编程日记 2025/9/18 11:44:08

Ubuntu 安装软件被锁：Could not get lock问题解决

今天刚使用虚拟机安装完Ubuntu系统，想要安装所需要的软件是出现了以下错误信息： 错误信息： E: Could not get lock /var/lib/dpkg/lock - open (11: Resource temporarily unavailable) E: Unable to lock the administration directory (/…...

编程日记 2025/9/19 17:57:36

S2CRNet 图像测评笔记图像融合

空间分离曲线渲染网络用于高效高分辨率图像协调开源地址： https://github.com/stefanLeong/S2CRNet 效果图： 左边是输入，最右边是效果：效果不是很理想，色差问题还在本地代码： S2CRNet-demos-main...

编程日记 2025/9/19 18:35:35

Lambda表达式

C Lambda表达式文章目录 C Lambda表达式基本用法捕获列表返回值mutable Lambda 表达式是一种匿名函数，可以在代码中直接定义并使用。它主要用于简化那些只需要简单操作的函数定义。在 C 中，lambda 表达式的语法结构通常包括以下几个部分： 捕…...

编程日记 2025/9/19 13:57:45

高通 Android12 添加APN信息

1、产品有国外客户，需要添加国外的定制APN信息。 2、路径： SC200E_AP/QCM2290_Android12.0_R02_r004/QSSI.12/vendor/qcom/proprietary/commonsys/telephony-apps/etc/apns-conf.xml在上述路径中将APN信息添加即可。 3、路径 SC200E_AP\QCM2290_Andr…...

编程日记 2025/9/19 14:01:55

探秘 IIC 与 SPI：软件模拟与硬件接口的抉择之谜

一、IIC 软件模拟：受限中的灵活应变在嵌入式系统的通信世界里，IIC 常采用软件模拟的方式开展工作，这背后有着诸多考量。首先，硬件资源的限制是一个重要因素。不少微控制器并没有内置功能完备的 IIC 硬件模块，甚至压根…...

编程日记 2025/9/19 14:09:10

【ts语法学习】主要数据类型与变量声明时的类型注解

一、ts中的主要数据类型 1.布尔类型 (boolean) 2.数值类型 (number) 3.字符串类型 (string) 4.数组类型 (Array) 5.对象类型 (object) 6.null 和 undefined 7.元组类型 (Tuple) 8.枚举类型 (enum) 9.任意类型 (any) 10.never 11.unknown 12.void TypeScript（简称 …...

编程日记 2025/9/18 6:41:16

论文概览 |《Sustainable Cities and Society》2024.12 Vol.116

本次给大家整理的是《Sustainable Cities and Society》杂志2024年12月第116期的论文的题目和摘要，一共包括52篇SCI论文！ 论文1 Enhancing road traffic flow in sustainable cities through transformer models: Advancements and challenges 通过变压…...

编程日记 2025/9/19 13:51:26