鸿蒙开发者社区

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考信创认证华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.9w内容

关注

分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。

文章博文帖子课程

共 2.9w 条

网页深色模式切换：简单实现方法与平滑动画效果

现在很多网站都提供了深色模式功能。一个好的深色模式切换不仅要能改变颜色，还要有流畅的动画效果，并且能记住用户的选择。下面我们来学习如何实现这个功能。

2025-10-20 09:08:29

网页深色模式 CSS HTML

2025 年该选谁？npm vs yarn vs pnpm

选择包管理器不止看“装包有多快”，还要考虑一致性、磁盘占用以及团队共识。从 npm 起步没错；但到了 2025，pnpm 的体验与收益真的不容忽视。

2025-10-20 08:17:01

告别重复提交噩梦！用这款 SpringBoot Starter，让幂等变成小菜一碟！

等性是系统可靠性与一致性的基石。它帮助我们防止重复提交、重复消费、重复执行，为系统筑起“防二次伤害”的安全网。借助 idempotent-spring-boot-starter，我们无需手写复杂逻辑，仅凭注解即可快速为接口加上幂等保护层，让重复请求成为“无害事件”。

2025-10-20 08:00:52

Spring 幂等重复提交

Go 语言微服务框架 Kratos 是怎么让 gRPC 自动变成 REST 接口的？

protoc-gen-go-http 是 Kratos 在 gRPC 生态上的一次重要增强。它让开发者可以在一份 .proto 文件中同时定义 gRPC 与 HTTP 接口，并自动生成服务代码，避免维护多套路由逻辑。

2025-10-20 07:17:10

Go 语言微服务

大型 C++项目在 Linux下如何调试？

很多时候，不是我们解决问题的能力不够，而是没摸透Linux下调试工具的门道，也没掌握针对大型项目的调试逻辑。毕竟小型项目靠 printf 还能应付，到了依赖错综复杂、业务逻辑层层嵌套的大型项目，光靠 “猜” 根本行不通。

2025-10-20 04:22:00

C++项目 Linux

不怕库存不同步！用 Java + Spring Boot 每 5 分钟自动校准外卖平台库存！

为了解决这一痛点，我们基于 Java + Spring Boot 构建了一套可落地的 “库存双向同步系统”。系统以 5 分钟为同步周期，自动检测外卖平台（美团/饿了么）与线下收银系统（商米、思迅或 Excel 导入）的库存差异，实现 “线下→线上” 与 “线上→线下” 的双向数据一致性。

2025-10-20 04:00:00

Java Spring 自动校准

我跟他说别用 React，改用 SSR。他以为我在开玩笑

我在前端这条路上绕过不少弯。经历过“万物 React 化”：一页应用（SPA），水合地狱（hydration hell），为渲染六行文字却要下发超大体积的 bundle。我亲眼看着所谓“现代网站”为静态内容都要起一层骨架屏。

2025-10-20 04:00:00

面试官：如何设计实现一个消息队列？

在深入探讨设计之前，我们先要明确面试官的意图。他并非真的要你现场写出一个工业级的消息队列，而是希望通过这个问题，考察你作为设计者的全局观和技术洞察力。

2025-10-20 04:00:00

消息队列架构 Topic

你的 useEffect 为什么“跑了两遍”？真相在这里

如果你在 React 里写了一个 useEffect，明明只打算执行一次，结果在控制台看见它执行了两次——别担心，你绝对不是唯一的那个。

2025-10-20 02:11:00

useEffect React Query

Lodash 官宣重启，风云再起？

这次重启，不只是 Lodash 的一次自救，也是在提醒大家：一个被上千万项目依赖的开源库，如果只有个人在维护，迟早会出问题。 Lodash 希望更多公司、开发者和安全团队参与进来，一起守护它的稳定与安全。短期内，你只需要留意兼容和迁移；但从长远看，这关系到 Lodash 能否在未来十年继续被信任。

2025-10-20 02:00:00

Lodash 后端 Node.js

前端中文排版，迎来历史性的一刻！

不管你怎么换字体、调字距，都达不到那种自然的效果。这其实不是你的锅，也不是设计师的问题——而是浏览器长期没有正确处理中文与西文混排的间距。在中文网页排版的世界里，这个问题已经困扰了我们很多年。

2025-10-20 02:00:00

前端中文排版网页

SpringBoot开发使用Mybatis，还是Spring Data JPA？

Mybatis是一个半自动的ORM（对象关系映射）框架，它需要你手动编写SQL语句，但提供了灵活的映射机制，让你能把数据库结果集直接映射到Java对象上。

2025-10-20 02:00:00

SQL Mybatis ORM

JDK8 写 10 行，JDK17 写 1 行，我还用它干嘛？

作为一位使用 JDK 17 已有两年的开发者，我将分享这些强大特性如何在实际项目中为我节省了无数时间，并彻底改变了我编写 Java 代码的方式。准备好迎接 Java 的新时代了吗？

2025-10-20 02:00:00

JDK8 JDK17 Java

号称最美 UI 库！比 Tailwind 还香的 CSS 框架爆火！

Panda CSS 并不是那种一夜之间爆火的框架。它诞生两年多，Star 也只有 5.8K，远不及 Tailwind 的声量。但如果从技术演进的角度去看，它代表了一种新的趋势：让样式编写从“效率堆叠”走向“类型化、结构化、工程化”。

2025-10-20 01:22:00

UI CSS Tailwind

告别手工记录！一文教你用 Spring Boot 玩转自动化数据变更追踪

通过 Javers + AOP + 注解的结合，我们实现了一个零侵入、自动化、结构化的数据变更追踪系统。它让业务代码保持纯净，让审计逻辑统一、透明、可查询。

2025-10-20 01:10:00

Spring 自动化数据

工作中最常用的五种工作流引擎

有些小伙伴在工作中，一提到工作流引擎就头疼，不知道如何选型，更不清楚它们底层的原理。其实，工作流引擎就像我们生活中的交通信号系统，它负责协调各个"路口"（业务节点）的通行顺序，确保整个"交通"（业务流程）有序进行。今天我想和大家聊聊工作中最常用的5种工作流引擎，希望对你会有所帮助。

2025-10-17 08:22:32

工作流引擎微服务

Spring Boot 高级玩法：灰度发布 + 动态流量分配，让更新更丝滑！

灰度发布的意义，不是让系统更“炫技”，而是让上线更稳健、可控、可回退。在实际落地中，可以从最基础的“路径版本灰度”起步，再逐步演进到可动态调整比例、实时热更新的企业级灰度平台。

2025-10-17 08:07:36

Spring 灰度发布动态流量

尤雨溪首推！Vue3 生态 14 个最强 UI 组件库！

在 Vue3 官网的「Ecosystem → UI Components」菜单里，官方维护了一份精挑细选的组件库清单：全部基于 Vue3、TypeScript 优先、活跃维护、社区认可。

2025-10-17 07:10:00

前端开发 Vue3

Vue3 + Colada！无敌了！

Pinia 负责“状态”，Pinia Colada 负责“拿状态的路上所有脏活”。两者加在一起，无需额外概念、零样板、体积忽略不计，却能让你的 Vue 项目瞬间拥有工业级的数据获取体验。

2025-10-17 07:10:00

前端开发 Vue

C#依赖注入生命周期详解：Scoped、Singleton、Transient全面对比

依赖注入(DI)是现代C#开发的核心部分，掌握三种生命周期模式对于构建高效、可维护的应用至关重要。本文通过详细的Console示例，帮助你彻底理解Scoped、Singleton和Transient的区别。

2025-10-17 04:00:00

Scoped Singleton C#

三种检索策略实战：基于Ollama+BGE-M3+Elasticsearch的关键词检索、向量检索与混合检索完整指南

因为BGE-M3 是一个嵌入模型，因此不能像生成式模型那样使用 <font style="color:rgb(199, 37, 78);background-color:rgb(249, 242, 244);">ollama run</font> 命令运行，在通过ollama pull拉取之后将在调用时候自动加载！

2025-10-17 02:11:00

Ollama BGE-M3 检索

C#实时数据监听神器：MySQL Binlog让你的应用秒变"顺风耳"

传统的定时轮询方式不仅效率低下，还可能漏掉关键数据变更。今天，我将向你揭示一个C#开发者的"秘密武器"——MySQL Binlog实时监听技术，让你的应用拥有"顺风耳"般的敏锐感知力，实现毫秒级的数据变更响应！

2025-10-17 02:00:00

排序算法：详解快速排序

快速排序是一种高效的分治排序算法，由Tony Hoare在1960年提出。它的核心思想是"分而治之"，通过一趟排序将待排记录分隔成独立的两部分，其中一部分记录的关键字均比另一部分的关键字小，然后分别对这两部分记录继续进行排序，以达到整个序列有序。

2025-10-17 01:55:00

排序算法快速排序 Lomuto

为什么 Spring 和 IDEA 不推荐使用 @Autowired 注解

说到这里，很多人可能会问：既然字段注入有这么多问题，为什么IDEA只对@Autowired发出警告，却对@Resource视而不见呢？

2025-10-17 01:25:00

Spring IDEA @Autowired

2025 年最值得关注的十个 CSS 更新——到底是 “Fuck” 还是 “Suck”

2025 的 CSS 让人心安：不再追着 JS 吃灰，结构、逻辑、清晰度都有了，同时保留了简洁。但权力即代价：越强的 CSS 越容易写出技术惊艳、维护地狱的代码。请聪明地用：用新特性简化代码，而不是炫技。未来的你会感谢现在的你。

2025-10-17 00:00:00

饿了么面试官：实现一下 Element-UI 官网的主题切换动画！

通过调用 API，让浏览器为新旧两种不同视图分别捕获并建立了快照 (即 ::view-transition-old(root)旧快照和 ::view-transition-new(root) 新快照)，而后新旧两快照在 ::view-transition-image-pair(root) 容器中完成转场动画的过渡。动画结束后则删除其相关伪元素 (快照和容器)。

2025-10-16 09:15:01

API Element 容器

如何取消无用的HTTP请求

取消HTTP请求是一个很实用的功能，正确使用可以显著提升应用性能和用户体验。希望这些示例能帮助你在实际项目中更好地应用这个功能。

2025-10-16 09:08:03

HTTP 取消HTTP请求前端

有效防止重复提交的六个方法

重复提交是开发中经常遇到的问题。用户可能因为页面响应慢连续点击提交按钮，或者网络延迟时反复重试。这些情况会导致数据重复、业务混乱，比如生成重复订单、多次扣款等问题。最重要的是，不要完全依赖前端的防护，后端必须要有相应的验证机制。这样才能确保系统的数据安全和业务稳定。

2025-10-16 08:25:31

重复提交前端 Java

Axios vs Fetch —— 我在用什么，以及那些踩过的坑

我都在生产环境里用过。两者都好用，但也各有“后悔 moment”。下面是我现在的选择标准，以及被现实教育过后的注意事项。

2025-10-16 08:10:59

Axios Fetch 项目

Spring 工具类深度解析：AnnotationUtils 与 ReflectionUtils

在Java开发领域，反射机制与注解是实现框架灵活性和扩展性的核心技术，但原生API存在代码繁琐、功能局限等问题。Spring框架作为Java生态的主流开发框架，提供了AnnotationUtils和ReflectionUtils两大工具类，分别对注解处理和反射操作进行了高度封装。

2025-10-16 07:34:42

Spring 工具类 API

从 JSON 字符串到 Java 对象：Fastjson 1.2.83 全程解析

Fastjson核心特性在于高速序列化/反序列化，利用ASM在运行时生成字节码动态创建解析器，减少反射；AutoType字段支持多态，却带来反序列化RCE风险，建议关闭AutoType，开启safeMode。

2025-10-16 04:11:00

JSON 字符 Java 对象

别再一股脑用 TypeScript 的 Interface 了

何时用接口的合并？ ——扩展库的公共接口（比如为 @auth/core 的 Session 增补字段）是合理用法。除此之外，日常业务里滥用合并，容易踩坑。

2025-10-16 02:10:00

TypeScrip Interface Session

还在 for 循环？这七个数组方法不懂，别说你懂 JavaScript

真正高效的 JS 开发者会让语言替你干活。现代 JavaScript 自带一批强力的数组方法，能替换初学者式的遍历，让代码更短、更清晰、更可读。

2025-10-16 00:00:05

JavaScrip for 循环数组

如何通过防抖技术优化JavaScript中的搜索功能译文精选

本文将重点介绍如何通过防抖技术来优化应用程序的性能。

2025-10-15 08:00:00

防抖技术 JavaScript

别再只用线程池！Spring Boot 玩转 Kilim 协程，让并发飞起来！

未来的 Java 并发不再是线程池的天下。协程的轻量与高效，让“异步代码像同步一样自然”，而 Spring Boot + Kilim 的组合，则为我们展示了这一新时代的优雅实现。

2025-10-15 07:51:20

线程池 Kilim 协程 Spring

数据驱动？小心被数据债务拖入泥潭！原创精选

在当今这个数据驱动的时代，数据已经成为现代组织的核心命脉。随着信息生成和采集能力的飞速提升，企业所面对的数据量正以前所未有的速度增长。为了有效存储、管理和利用这些海量数据，许多组织纷纷构建了数据湖和数据仓库等基础设施。然而，随着数据规模的膨胀以及系统复杂度的不断提升，一种新型的技术负担悄然浮现——数据债务（Data Debt）。

2025-10-15 07:49:00

数据债务 Data Debt 重构代码

把“复制”变成“瞬移”：前端 Transferable 避坑与提速全指南

Transferable 不是“新框架”，也不是“语法糖”，而是浏览器留给前端的一把“隐形钥匙”——用不用，它都在那里；一旦用了，100 MB 数据就像“瞬移”一样，眨眼功夫出现在另一个线程，而你的内存曲线，连波动都没有。

2025-10-15 03:10:00

浏览器 GC 接口

Promise.all 与 Promise.allSettled：一次取数的小差别，救了我的接口

JavaScript 给了我们强大的并发原语；在恰当时机选用恰当工具，才是高级开发者的分水岭。如果你的应用频繁并行请求、或依赖并不稳的端点，不妨试试 Promise.allSettled——也许它也会拯救你的 API。

2025-10-15 03:00:00

JavaScript 工具并发

Spring 事务、循环依赖八股文

Spring的事务隔离级别是指在并发环境下，事务之间相互隔离的程度。Spring框架支持多种事务隔离级别，可以根据具体的业务需求来选择适合的隔离级别。

2025-10-15 03:00:00

Spring 事务框架

为什么你的水平分表越分越慢？这些坑90%的人都踩过！

订单表 order_info 有将近 5000万行数据，每次查询都慢得要命。特别是那种根据用户ID查最近10条订单的接口，在高并发的促销活动中，简直是灾难级的存在。

2025-10-15 02:45:00

系统分表接口

从 OpenFeign 到 RestClient：Spring Cloud 新时代的轻量化 HTTP 调用方案

OpenFeign 是 Spring Cloud 生态中最常用的声明式 HTTP 客户端，它通过 @FeignClient 注解让开发者能像调用本地方法一样调用远程服务。

2025-10-15 02:15:00

Spring HTTP 客户端

LatchUtils：简化Java异步任务同步的利器

对于“分发一组并行任务，然后等待它们全部完成”这一特定但常见的模式，LatchUtils 通过适度的封装，极大地简化了开发者的工作。它隐藏了并发控制的复杂性，让业务代码回归其本质，从而提高了代码的可读性和可维护性。

2025-10-15 02:11:00

Java 异步任务 LatchUtils

Node.js HTTP Client 内存泄露问题

最近社区有一个开发者提交了一个关于 HTTP 模块内存泄露的问题（issue），这个问题影响的是 Node.js HTTP 客户端，但是是比较特殊的场景，一般不会出现，除非服务端恶意攻击客户端。

2025-10-15 00:26:20

Node.js HTTP 模块

实战：五种方案动态获取代码的运行性能，让你的代码性能飞起来！

本章，主要给大家简单介绍了几款获取性能数据的工具，包含：nmon、jvisualvm、jmc、arthas、ark等，这里也只是简单的介绍了一些基本用法，起到抛砖引玉的作用，各个工具的详细用法，还是要小伙伴们深入学习。

2025-10-14 09:13:07

性能代码 nmon

自从用了 Spring Batch，效率飙升500%！

痛点：凌晨时段需扫描百万级账户数据，手工计算容易遗漏Spring Batch方案：分片读取账户数据，批量计算利息，失败自动重试实际案例：某银行系统改造后，利息计算时间从4小时缩短至23分钟

2025-10-14 09:12:49

Spring 数据数据

深拷贝利用 structuredClone + Transferable 把 100 MB JSON 复制时间砍到 15 ms

Web 环境早就有「零拷贝」黑科技：structuredClone + Transferable。只是很多人把它当成「WebWorker 专用」——今天咱们把它薅出来做「史上最快深拷贝」。

2025-10-14 08:39:27

深拷贝 JSON Redux

这个 CSS 特性，可能终结样式冲突

我最近刷到一个即将改变组件样式管理方式的 CSS 能力。如果你经常被组件样式互相“串味”困扰，它也许就是那个无需再引入 JS 库、还能保持样式清爽分离的解法。

2025-10-14 08:10:54

CSS JS 库 Firefox

C#状态机编程：工业级应用开发实战指南

今天，我将通过一个完整的WinForm工业设备控制系统，带你掌握C#状态机编程的精髓。这不仅是一个编程模式的学习，更是解决复杂业务逻辑的利器。无论你是初学者还是有经验的开发者，这篇文章都会让你对状态机有全新的认识。

2025-10-14 03:22:00

C#状态机编程

从零散文本到关联可观测性：Serilog与OpenTelemetry重塑.NET应用调试体验

Serilog + OpenTelemetry不仅仅是更好的日志记录——它是一种可观测性，改变了您理解和调试.NET应用程序的方式。

2025-10-14 02:45:00

Serilog .NET 架构

新上线推荐算法需先对10%用户灰度发布，如何实现？

本文将深入探讨，如何系统化、精细化地实现一个针对新推荐算法的、面向10%用户的灰度发布方案。我们将从架构设计、核心实现到数据分析，层层剥茧，揭示其中的技术细节。

2025-10-14 02:00:00

推荐算法灰度发布动态路由

1 2 3 4 5 6 ··· 596 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区 AI.x社区

教育

51CTO学堂精培企业培训 CTO训练营