鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 25年5月软考 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

Spring Boot 实战：通过 Agent 统计接口调用耗时

尽管Actuator不是严格意义上的Agent，但它提供了一种轻量级的方式来监控Spring Boot应用，并且与Spring Boot生态紧密结合。

2025-02-22 08:00:00

Agent SpringBoot Java

面试官：谈谈你对虚拟线程的理解？

线程是轻量级的进程，而虚拟线程则是轻量级的线程，虚拟线程是 JVM 层面实现的逻辑线程，不直接和操作系统的物理线程一一对应，因此使用它可以减少线程上下文切换所带来的性能开销。

2025-02-21 15:25:54

虚拟线程轻量级

12 个 JavaScript 字符串处理技巧，实战应用详解

字符串处理是前端最常见的编程任务之一。无论是表单验证、数据格式化，还是内容展示，都离不开字符串操作，分享下12个实用的JavaScript字符串处理技巧。

2025-02-21 12:30:00

字符串前端 JavaScript

有人测试了 JS 中所有循环的速度！来看看JS 中最快的循环是什么？

昨天看到有一位国外的大佬测试了 JS 中所有【循环操作】的性能消耗和执行速度。涉及到的 API 包含：for 循环、while 循环、ForEach、Map、Filter 等在内的十余种 API。

2025-02-21 10:46:16

24 条基本前端开发技巧，它将提高工作效率

您是否希望简化前端开发流程？今天我们整理了 24 个不可或缺的技巧，它们将帮助您缩短开发时间并提高工作效率。让我们深入探索这些节省时间的技巧吧！

2025-02-21 09:54:12

前端开发代码

为什么很多人用 Typescript ，跟没用一样？

很多人使用了 Typescript 那么久，还不会用它自带的内置方法，这让我感觉你们简直是白用了！！！真的很有必要学习一下这些内置方法，这样才能充分利用 Typescript 的优势啊！

2025-02-21 08:48:16

Typescript 内置联合类型

2025：前端开发真的结束了吗，还是刚刚起步？

前端开发并没有死，它只是发生了变化。生存的关键是什么？适应。2025年能够成功的开发者，不仅仅是程序员，而是能够灵活运用AI，掌握新工具，紧跟行业趋势的解决问题的专家。

2025-02-21 08:31:06

前端开发 AI

八个 ES2024 实用特性，让代码量减少 60%

ECMAScript（简称 ES）作为 JavaScript 的标准，每年都会推出新的特性，不断优化我们的开发体验，分享几个实用的新特性。

2025-02-21 08:30:00

JavaScrip ES 代码

给你10亿数据，如何做迁移？

某次金融系统迁移项目中，原计划8小时完成的用户数据同步迟迟未能完成。24小时后监控警报显示：由于全表扫描SELECT * FROM users导致源库CPU几乎熔毁，业务系统被迫停机8小时。

2025-02-21 08:20:33

金融系统数据

SpringBoot与Pulsar整合，实现金融交易场景下的消息有序性保障

用户发起一笔交易请求，系统需要将该请求发送到交易处理系统，并确保请求按顺序被处理。而使用Pulsar的独占订阅模式确保交易请求按顺序被单一消费者处理，避免乱序导致的账务错误。

2025-02-20 18:17:41

Spring 金融交易场景

面试必备：WebWorker 处理复杂场景下卡顿问题！

如果 Web Worker 发生严重错误或者不再需要继续执行，可以使用 terminate() 方法终止 Worker。在 Worker 内部，也可以使用 self.close() 来主动关闭 Worker。

2025-02-20 12:11:07

WebWorker 场景 JS

React Native 又双叒叕上新了！

React Native v0.78 正式发布，一起来看看都有哪些新的变化！

2025-02-20 12:00:13

React 前端 React 19

十个助力数据导航的小众Python库译文精选

本文介绍了每个数据科学家都应该知道的10个鲜为人知的Python库。

2025-02-20 10:13:54

Python 数据导航数据科学家

MySQL 中，Change Buffer 是什么？它有什么作用？

本文我们分析了 Change Buffer，它是 InnoDB 存储引擎中一个重要的优化机制，通过缓冲和批量处理二级索引的变更，有效减少了随机 I/O 操作，提升了数据库的写入性能。

2025-02-20 10:04:35

MySQL 变更缓冲数据库

推荐几款开源且免费的 .NET MAUI 组件库

.NET 多平台应用 UI (.NET MAUI) 是一个跨平台框架，用于使用 C# 和 XAML 创建本机移动和桌面应用。使用 .NET MAUI，可从单个共享代码库开发可在 Android、iOS、macOS 和 Windows 上运行的应用。

2025-02-20 09:21:42

.NET MAUI 组件库

八个 JavaScript 字符串操作技巧，提效 60%！

字符串操作在 JavaScript 里随处可见，掌握一些高效的字符串操作技巧，不仅能让代码更优雅，还能大大提升开发效率。分享8个实用的JavaScript字符串操作技巧！

2025-02-20 09:00:00

字符串 JavaScript 代码

Cline v3.1：替代 Cursor 和 Windsurf 的性价比之选

Cline 真的是一个好用又省钱的 VS Code AI 扩展，专治“编程疲劳”。无论你是刚入门的初学者，还是动不动就要构建大型项目的资深开发者，Cline 都能在减少重复劳动、提升效率方面带来惊喜。

2025-02-20 08:26:28

.NET 中 JWT 的应用解析

JWT 是一种开放标准（RFC 7519），用于在各方之间以紧凑、自包含的方式安全传输信息。它由三部分构成：头部（Header）、载荷（Payload）、签名（Signature）。

2025-02-20 08:18:12

JWT Web 分布式

深入探索 AngleSharp：HTML 解析的利器

AngleSharp 能精准地将 HTML 文档解析为可编程的对象模型，无论是简单的网页抓取，还是复杂的页面结构分析，它都应对自如。其遵循 DOM（文档对象模型）标准设计，对熟悉 JavaScript 前端开发的人员来说极易上手。

2025-02-20 08:16:23

HTML AngleSharp DOM

构建 Next.js 应用时的安全保障与风险防范措施

尽管 Next.js 为构建安全应用提供了坚实的基础，但在开发过程中仍有许多需要注意的安全问题和最佳实践，确保应用对常见漏洞具有足够的防御能力。

2025-02-20 00:00:10

Next.js 安全安全

八个移动端适配技巧，兼容性问题减少90%

移动端适配一直是前端开发中的重点难题，下面，我们分享下常见的移动端兼容处理方案。

2025-02-19 16:00:00

前端开发移动端适配

不会吧！你还没搞懂JWT的执行流程？

JWT 执行流程：用户登录后生成加密令牌、客户端存储并在请求头携带、服务端验证签名和过期时间后授权。它的优点包括无状态、跨域支持、自包含性，适用于分布式系统和微服务架构，通过签名确保数据安全。

2025-02-19 12:40:33

七个 JavaScript 数组方法，代码简洁度提升 80%

善用数组方法能极大地简化代码，提高代码运行速度和可读性，分享下用得比较多的7个数组方法。

2025-02-19 12:00:00

JavaScript 代码数组方法

一篇文章带你了解Python高阶函数

高阶函数是在Python中一个非常有用的功能函数，所谓高阶函数就是一个函数可以用来接收另一个函数作为参数，这样的函数叫做高阶函数。

2025-02-19 10:39:26

Python 高阶函数函数名

11 个 JavaScript 杀手脚本，用于自动执行日常任务

今天这篇文章，我将分享我使用收藏的 11 个 JavaScript 脚本，它们可以帮助您自动化日常工作的各个方面。

2025-02-19 10:35:57

JavaScript 脚本 Node.js

系统零停机的分阶段迁移策略译文精选

对于企业来说，软件迁移在所难免，但干净利落的执行对于避免未来出现的回滚或回填等混乱局面至关重要。本文将介绍一系列确保软件顺利迁移的技巧。

2025-02-19 10:17:39

软件迁移分布式系统系统零停机

学会这七个箭头函数用法，解决 80% 的 this 绑定问题！

今天分享下七个比较常见的箭头函数的实用场景，掌握它们，你就能解决 80% 的 this 绑定问题，写出更简洁、更易维护的代码。

2025-02-19 08:50:00

箭头函数 this JavaScript

React 原生动画 API 终于来了！是时候和第三方库说再见了？

Motion 能够更加定制化动画效果，通过计算转换和比例失真校正实现视觉上的平滑过渡。尽管如此，它在处理大型视图改变时可能不如 <ViewTransition /> 高效。

2025-02-19 08:27:56

React Motion API

Spring Boot 3.4 与 ArangoDB 实现 Uber 风格的路线优化与司机调度

本文将探讨如何结合 Spring Boot 3.4 和 ArangoDB 来实现一个类似 Uber 的出行服务平台，涉及路线优化、司机调度以及数据管理等多个方面。

2025-02-19 08:23:53

Spring 平台优化

深入探索 Next.js Middleware：解锁其全部潜力

Middleware 是 Next.js 提供的一项强大功能，使开发者能够在请求生命周期的最前端拦截和修改请求，实现动态路由、个性化用户体验和增强安全性。

2025-02-19 08:16:39

Next.js Middleware 前端

准备 SRE 面试？这些常见问题你必须知道

通过这次事故，我们不仅修复了眼前的问题，还通过复盘深刻理解了事故发生的根本原因，并实施了多项改进措施，以确保在未来的运营中，系统更加稳定、可靠。此次经历使我对问题诊断、团队协作和故障恢复有了更深的理解，也使我更加注重自动化、监控和预警系统的建设。

2025-02-19 08:13:31

SRE 面试运营

Java并发编程：线程安全

通俗地说，无论有多少线程访问业务中的一个对象或方法，在编写这段业务逻辑时，无需做任何额外处理（即可以像单线程程序一样编写），程序也能正常运行（不会因多线程而失败），这样的代码就可以称为线程安全的。

2025-02-19 00:05:18

Java 并发编程

面试官：谈谈RabbitMQ队头阻塞问题？

队头阻塞问题是发生在使用死信队列加 TTL 实现 RabbitMQ 延迟消息的场景中，造成的原因是队列先进先出的特性，加上延迟消息的检查机制导致的，我们可以使用 RabbitMQ 的延迟插件来避免此问题。

2025-02-19 00:00:00

RabbitMQ TTL 插件

多租户的四种常用方案！

某中型电商平台的报表系统曾在深夜突然崩溃，起因竟是运营误删了共享表中的某租户数据列。运维团队排查发现，因为缺乏有效租户隔离，一条误操作的ALTER TABLE语句导致全平台数据混乱。

2025-02-18 16:27:01

电商字段隔离运维

Spring Boot 集成支付宝支付，看这篇就够了

随着移动支付的普及，支付宝作为国内领先的第三方支付平台，被广泛应用于各类线上线下场景。本文将详细介绍如何在 Spring Boot 项目中整合支付宝，实现支付功能。

2025-02-18 16:00:00

SpringBoot 支付 Java

前端社区又吵起来了，React团队终于妥协！

React 团队弃用 Create React App 后，TanStack 迅速推出 create-tsrouter-app 脚手架，集成 Vite、React Query、TanStack Router等现代化技术，为 SPA 开发提供最佳实践。

2025-02-18 13:11:17

TanStack 脚手架 Vite

Spring Boot 事务管理：从入门到精通，只需这篇文章！

本文将深入剖析 Spring Boot 事务管理的底层原理，结合典型场景的代码实践，带您从基础应用到高级特性全面掌握事务管理技术。

2025-02-18 13:00:00

SpringBoot 事务管理代码

25 个杀手级 JavaScript 单行代码让你看起来像个专业人士

你应该知道的25个单行代码片段，以提升你的 JavaScript 知识技能，同时帮助你提升工作效率。

2025-02-18 11:01:49

JavaScrip 开发数组

跨平台开发框架选型指南：Uniapp、React Native、Flutter谁更适合你？

Uniapp、React Native（RN）和Flutter作为三大主流框架，各有拥趸。但究竟该如何选择？本文将从技术架构、性能、开发效率、生态等维度，结合真实案例，为你揭开它们的核心差异与优劣势。

2025-02-18 10:30:59

框架开发前端

巧用 CSS 实现 Deepseek 都无法实现的复杂怪状按钮 - 内凹平滑圆角

我们将探讨另外一个非常有意思的图形 -- 内凹平滑圆角。一个非常有意思的通过 CSS 拼接/裁剪/遮罩方式得到内凹圆角的技巧，希望本文对你有所帮助。

2025-02-18 10:13:20

内凹平滑圆角 CSS 前端

为什么 Vue3 放弃了这个 JavaScript 特性？

在 Vue 3 中，尤雨溪团队选择使用 Proxy 来重写响应式系统，这个重要的技术决策背后有着深刻的原因。

2025-02-18 08:10:00

Vue 3 JavaScrip 开发

全面解析 Keycloak：如何优雅集成到 Spring Boot 3 应用中？

本文详细介绍了如何通过 Keycloak 生成 JWT 令牌，并将其与 Spring Boot 集成，实现基于角色的权限控制。通过配置 Keycloak 生成令牌，设置 Spring Security 的 JWT 解析逻辑，以及定义基于角色的访问控制，我们构建了一个安全、高效的认证与授权机制。

2025-02-18 07:37:21

Spring JWT 令牌

更强大、更灵活！ defineModel 重新定义双向绑定

defineModel 的引入不仅简化了 Vue 中的双向绑定，还为开发者提供了更强大的工具来处理复杂的数据流。随着 Vue 生态的不断发展，defineModel 必将在更多场景中发挥其重要作用，成为 Vue 开发者的得力助手。

2025-02-18 00:10:00

Vue 开发双向绑定

C++ RAII初探+析构函数

AII并不是一个新鲜的特性，而是古早就有的一种范式。上面例子展示了对象创建的时候获取资源，对象销毁的时候释放资源的例子。

2025-02-18 00:08:00

由于 React 19 兼容性问题，Create React App 正式弃用

因为 CRA 默认安装 React 的最新可用版本，这也就意味着在 React 19 发布后它会安装 React 19。但是 CRA 的默认模板包括 React Testing Library v13，它需要 React 18，而不是 React 19。

2025-02-17 12:24:06

CRA React 版本

八个移动端适配技巧，兼容性问题减少 90%

移动端适配一直是前端开发中的重点难题，本文分享下常见的移动端兼容处理方案。

2025-02-17 12:10:00

前端移动端适配开发

七个令人惊叹的 JavaScript 数组方法，简单的令人惊讶

如果你曾经想过，“除了 for 循环和 map() 之外，我不需要任何东西”，听好了，因为我将向你分享那是多么的错误。

2025-02-17 11:10:49

JavaScrip 数组开发

一篇文章带你了解JavaScript Window History

window.history 对象可以不用窗口window前缀编写。为了保护用户的隐私,有限制的JavaScript可以访问此对象。

2025-02-17 10:53:54

JavaScript 对象开发

Python 时间相关的模块

今天我们一起来聊一聊Python 时间相关的模块吧。

2025-02-17 10:50:37

Python 标准库开发

Java Spring Boot与Go的横向对比与实战解析

Spring Boot基于JVM运行时，采用面向对象编程范式，依赖注入和AOP（面向切面编程）是其核心设计理念。通过自动配置机制，开发者可以快速搭建生产级应用。

2025-02-17 09:32:18

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

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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