鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.9w内容

关注

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

文章博文帖子课程

共 2.9w 条

前端生态屡遭攻击，pnpm终于出手了，上大分！

就在前几天，pnpm 发布了 10.16，带来一个非常实用的新功能：：minimumReleaseAge，即最小发布时间限制，它允许你为依赖版本设定一个“冷静期”（单位：分钟）。只有当某个 npm 包的版本发布超过这个时间，pnpm 才会安装。

2025-09-16 11:35:24

pnpm 供应链攻击前端

一套万能的异步处理方案（典藏版）

今天这篇，我不整那些 “异步非阻塞 IO 原理”“线程模型深度剖析” 的虚头巴脑，就给你一套能直接抄作业、覆盖 80% 业务场景的异步处理方案，从基础到实战，从坑点到避坑，保证你看完就能用，用了就见效。

2025-09-16 09:31:07

异步 IO 业务场景

Rolldown 提速 29%！Vue3 进入开挂模式！

如今，接连抛出的更新彻底点燃社区——抛弃 CommonJS、Windows 专属提速、Vite 默认切换、转正倒计时——任何一条都足以让你连夜升级！

2025-09-16 09:27:33

Rolldown Vue3 前端

Typescript 必须的所有技巧

我们一起总结TypeScript技巧主要围绕类型定义、代码维护和开发效率展开，你学会了吗？

2025-09-16 09:11:38

Typescript 技巧代码

Go 弱引用和清理机制优化：从 runtime.AddCleanup 到 weak.Pointer

在 Go 语言的发展历程中，内存管理一直是个重要话题。我们有垃圾回收器帮助自动回收内存，但在某些场景下，比如需要管理系统资源（文件描述符、内存映射等）时，就需要更精细的控制。

2025-09-16 08:49:13

Go 弱引用机制优化

这个“被忽视”的 CSS4 选择器，解决了一个折腾了十年的痛点

今天我们用原生 CSS把这个问题一次性拿下：不用 hack、不拼接意大利面式选择器、不借助 JavaScript。只是一个干净利落的选择器思路——它不只是一件工具，更像是一种更精细、更上下文驱动的样式思维。

2025-09-16 08:17:28

CSS JavaScrip 前端

从.NET转向Java：一场拖垮项目与管理者的“技术迁徙”？

技术没有绝对的优劣，只有是否适合。当管理者拍板从.NET转向Java时，真正该思考的不是“Java是不是更好”，而是“这个项目能不能承受Java的历史包袱”“团队能不能驾驭这辆‘老爷车’”。

2025-09-16 07:54:58

.NET Java 项目

轻盈又高效！Spring Boot 动态线程池实战方案大公开！

本文通过自定义队列 + 动态执行器 + Actuator 监控端点，在 Spring Boot 下实现了功能完善的动态线程池。同时，借助 Thymeleaf + Bootstrap 前端监控界面，可以直观地展示运行时指标，帮助开发者快速掌握系统负载情况并灵活调整参数。

2025-09-16 07:37:12

Spring 动态线程池监控端点

CSS if() 函数已经来了！

多年来，我们一直依赖于各种变通方法：JavaScript 切换类、CSS 预处理器混合宏，或者无休止的媒体查询块。if() 函数彻底解决了这些问题，将条件逻辑直接引入 CSS——优雅、高效且声明式。

2025-09-16 07:06:40

CSS JavaScript Chrome 137

解决页面关闭时数据丢失：用好sendBeacon与fetch的keepalive

avigator.sendBeacon()和fetch with keepalive彻底解决了页面关闭时数据丢失的问题。无论是用户快速关闭页面还是跳转到其他网站，重要的数据都能可靠地送达服务器。

2025-09-16 06:45:34

数据丢失 JavaScript 前端

支撑每秒 600 万订单无压力，SpringBoot + Disruptor 太猛了！

Disruptor 是英国外汇交易公司LMAX开发的一个高性能队列，研发的初衷是解决内存队列的延迟问题（在性能测试中发现竟然与I/O操作处于同样的数量级）。

2025-09-16 02:55:00

Spring Disruptor 消息队列

JavaScript 里最“危险”的数组方法，以及更安全的替代方案

写了这么多年 JavaScript，每次在正式环境里看到 .sort()、.reverse()、.splice() 仍然会下意识打个冷颤。原因很直接：这些方法不仅变换数据，还会就地修改原数组。

2025-09-16 00:00:00

JavaScript 数组 lint 规则

Npm 遭遇史上最大攻击！26 亿次下载包遭殃，结果竟然只损失 20 美元？

如果这场攻击完全潜伏下来，那么后果不堪设想。但万万没想到的是，最先把黑客拽出来的，并不是一些所谓的安全专家，而是一次意外的构建失败。

2025-09-15 14:41:04

npm 攻击下载包

别 npm i！20 亿包刚被投毒！速查！

20 亿次周下载量、18 个“基建级”包、一场持续 2 小时的“核弹级”污染——这次，攻击者把枪口对准了每一个前端开发者与 Web3 用户。

2025-09-15 10:20:00

恶意代码黑客前端

告别 Spring Security！Sa-Token + Gateway + Nacos 极简鉴权实战

还真有！今天咱就聊个 “极简派” 方案 ——Sa-Token + Gateway + Nacos，不用复杂配置，不用绕弯子，5 步搞定全链路鉴权，看完你绝对会说：“早知道这玩意儿，谁还折腾 Spring Security 啊！”

2025-09-15 09:34:45

Spring Gateway Nacos

Go JSON v2 来了！！！

从目前的设计来看，JSON v2 确实解决了现有 encoding/json 包的很多痛点：性能大幅提升、API 更加灵活、支持更多自定义选项。虽然学习成本有一定增加，但是带来的收益是值得的。

2025-09-15 08:49:44

3s → 30ms！SpringBoot树形结构“开挂”实录：一次查询提速100倍

产品经理拿着电脑跑过来的时候，我仿佛看到了他头顶的乌云：“这要是上线给客户用，客户不得以为咱们系统是用算盘写的？

2025-09-15 03:00:00

Spring 树形结构查询提速

不要在循环await啦，异步操作的六个最佳实践！

前两天有个同学在面试中被问到了一个问题：“如果在请求多个不同的接口，那么应该如何去做？” 该同学回答说：“我们可以把这些接口放到一个数组中，然后通过 for 循环来循环请求！”

2025-09-15 02:55:00

await 异步接口

百度C++二面：C/C++ 中 volatile 关键字的作用？

作为一名 C/C++ 程序员，你是否曾在多线程环境下，遇到过变量不按预期变化的诡异情况？或者在与硬件交互时，发现程序读取到的硬件寄存器值总是 “滞后”？

2025-09-15 02:00:00

C++volatile 关键字

影石C++二面：简述C++智能指针用法，unique_ptr的sizeof与删除器有什么影响？

智能指针本质上是对普通指针的封装，利用 C++ 的 RAII（Resource Acquisition Is Initialization，资源获取即初始化）机制，在智能指针对象的作用域结束时，自动释放其所管理的内存资源，从而避免了手动管理内存的繁琐与风险。

2025-09-15 02:00:00

C++智能指针工具

为什么不建议在 Docker 中跑 MySQL？

今天我们来聊聊一个很有趣的话题：为什么我不建议在Docker中运行MySQL数据库？有些小伙伴在工作中可能为了部署方便，习惯将所有组件都容器化，但数据库真的适合放在容器里吗？

2025-09-15 01:50:00

Docker MySQL 数据库

Vue 官方插件重磅更新，三大高级功能免费了！

这款插件最近迎来了 3.0.7 版本更新，有一个特别值得关注的变化：原本需要成为赞助者才能解锁的“高级功能”，现在全部免费对所有人开放了！

2025-09-15 00:00:01

Vue VS Code 插件

PHP 已死，只是没人愿意大声承认

PHP 明天不会突然消失——庞大的 WordPress 存量会让它带管呼吸很多年。可别自欺：除了还在维护的 PHP 开发者外，几乎所有人都明白它在结构性衰退。

2025-09-15 00:00:00

PHP WordPress 迁移策略

从“真香”到“Cursed”：Cursor 定价风波背后的真相与出路

过去几个月，Cursor 几乎是开发圈的顶流，被不少人称作“VS Code 杀手”。它把深度上下文的 AI 能力无缝嵌进编辑器里，体验近乎“开挂”。无论是日常编码、重构还是写测试，很多团队都把它纳入主力工作流，在社媒上疯狂打 call。

2025-09-12 18:23:42

Cursed Cursor 辑器

作为一个前端开发，我后悔学习过哪些技术？

看到这些问题，就让我想起来我最初学习前端的时候。那个时候 AngularJS 才刚刚兴起，React 和 Vue 还不是老大。那时候我经常会看各种文章，看见啥教程就想要学啥，感觉自己技术栈越堆越满，心里才有安全感。

2025-09-12 13:34:51

前端开发 Ruby

UI 动效的未来？也许只要一行 CSS

做过“随机性”视觉效果的都懂：随机颜色、随机延迟、随机位置……过去我们习惯拉上 JavaScript，写点 Math.random() 或者给 CSS 变量塞值。

2025-09-12 13:24:36

告别混乱报错！SpringBoot 全局异常处理终极指南！

我已经在多个实际项目中验证过，从中小型项目到大型分布式项目，都能完美适配。你可以直接把代码抄到自己的项目中，稍作调整就能使用，以后再也不用为异常处理头疼了！

2025-09-12 09:31:29

SpringBoot 异常处理分布式

C#串口通信完全指南：从连接到数据传输的最佳实践

今天，我将通过一个完整的串口通信解决方案，带你彻底搞定C#串口编程的所有技术难点。这套方案已在多个工业项目中验证，具备异步处理、缓冲优化、连接管理等企业级特性。

2025-09-12 08:43:22

别再纠结 SpringFox！Spring Boot 3 亲自推荐的文档神器真香炸了

本文将带你深入了解 SpringDoc 的优势、配置方法、常见用法，并结合 Spring Security 演示如何在接口文档中接入 JWT 认证。

2025-09-12 07:55:54

SpringFox Native JWT

Spring Boot 实现 SNMP 应用、发送与解析

SNMP架构主要由三个关键部分组成：网络管理系统（Network Management System，NMS）、代理（Agent）以及管理信息库（Management Information Base，MIB）。

2025-09-12 07:13:32

Spring SNMP 应用网络管理

商汤C++二面：new/delete的封装与malloc/free的底层机制，它们本质有什么差异？

在 C++ 的世界里，new和delete是专门用于动态内存管理的操作符，它们为对象的创建和释放提供了更加面向对象的方式。与malloc和free不同，new操作符不仅会分配内存，还会调用对象的构造函数进行初始化，而delete操作符则会调用对象的析构函数来清理资源，然后释放内存。

2025-09-12 05:00:00

C++底层机制内存管理

像“开挂”一样的 JavaScript 调试术

以前我把 DevTools 当“豪华 console”。把这些断点玩熟后，调试的感觉像从“摸黑猜”升级到“透视眼”：什么时候、在哪里、为什么发生，一停就清。

2025-09-12 00:00:00

DevTools JavaScript 调试术

SpringBoot + @RefreshScope：动态刷新配置的终极指南！

关于 SpringBoot + @RefreshScope 的内容就全部讲完了。从基础用法到深入原理，再到进阶玩法和避坑指南，应该能帮大家把这个知识点吃透了。

2025-09-11 09:31:01

SpringBoot 频率配置

Node.js 生态遭遇史上最大规模攻击，速查！

这起事件再次敲响警钟：开源生态的便利背后，供应链安全始终是潜在的“软肋”。前端开发者或许不是黑客的直接目标，但却可能在不知不觉中成为受害者。

2025-09-11 08:55:16

Node.js 攻击开源

一招搞定！Spring Boot 3.4 + OpenAPI Generator 实现类型安全的通用 API 响应

在实际项目中，这样的优化能大幅减少冗余代码，让微服务的 API 客户端更清晰、更易维护。如果你正在为“响应封装类爆炸”而头痛，不妨一试这套方案。

2025-09-11 08:07:24

Spring OpenAPI API

Go 1.23 Netpoll：API 吞吐量的七大提升

Go 1.23 在 netpoll、定时器和 PGO 等方面的优化，虽然不是颠覆性变革，但其在多处微观层面的改进共同作用，为高并发服务带来了可观的性能提升。

2025-09-11 02:00:00

API 吞吐量 Go

0基础带你精通Java对象序列化--以Hessian为例

以Java为例，业务逻辑的输入输出都是【object】。但在RPC场景中，这些对象必须经由网络传输。这里出现了一个根本性矛盾：网络介质(网线/光纤)对面向对象编程(OOP)一无所知，它们只会用光和电忠实地传输扁平化的字节流(byte[])。

2025-09-11 01:55:00

Java 对象序列化

科大讯飞C++二面：解释C++中多态的实现原理，以及虚函数表的作用?

在日常生活中，我们常常会遇到这样一种现象：同样的行为，在不同的对象上却有着不同的表现。就好比 “开车” 这个行为，当是赛车手驾驶赛车时，那速度与激情令人热血沸腾；而当是新手司机驾驶家用车时，可能就多了几分谨慎与小心。

2025-09-11 01:55:00

C++多态虚函数表

加速 React 应用：战略性加载实现闪电般性能

策略化水合不是 hack，而是一种工程观念：从“现在把一切都渲染/水合”，转向“在对用户重要的时刻，水合对用户重要的部分”。把水合拆成更小、更聪明的一步步，你就能在任何设备与网络条件下，交付更快、更稳、更省的体验。

2025-09-11 01:00:00

线程池中线程抛了异常，该如何处理？

在实际开发中，我们常常会用到线程池，但任务一旦提交到线程池之后，如果发生异常之后，怎么处理？怎么获取到异常信息？

2025-09-11 01:00:00

线程池线程接口

代码重构的15个小技巧

在这篇文章中，我们探讨了15个代码重构的小技巧，从简单的提取方法到高级的设计模式应用。这些技巧可以帮助我们写出更加简洁、可读、可维护的代码。代码重构是一个持续的过程，我们应该在日常开发中不断地应用这些技巧，逐步改进我们的代码质量。

2025-09-10 08:23:11

代码重构技巧

如果构建自己的Python包

在运维开发中，如果有多项目的需求，基本都是需要公共库的，否则需要被多项目调用的模块要重复编写，复制到其他项目非常不方便，并且难以保证代码质量，所以非常推荐编写自己或团队的公共代码库。

2025-09-10 08:03:52

运维开发公共库

CodeBuddy Code深度实战：从零构建智能电商推荐系统原创

CodeBuddy Code最令我印象深刻的是其对项目整体架构的理解能力。它不是简单的代码生成工具，而是能够理解业务逻辑、技术架构、数据流向的智能助手。

2025-09-10 07:36:05

零构建智能推荐系统

Spring Boot 集成第三方 API：超时与重试机制设计与实践

超时机制的核心是为API请求设置最大容忍时间，一旦超过该时间仍未获得响应，则主动终止请求并抛出异常，释放线程资源。在Spring Boot中，不同的HTTP客户端（RestTemplate、WebClient、Feign）对应不同的超时配置方式，需根据实际使用场景选择。

2025-09-10 07:15:45

Spring API 重试机制

四个最强 JS 工具库！强势兼容 Vue、React！

如果你的项目还在 npm i lodash，不妨花五分钟认识下面四个“最强替代品”——它们不是来“黑”老大哥，而是站在新基础设施上，把同样的事做得更轻、更快、更友好。

2025-09-10 07:10:00

前端 JavaScript 开发

如何在十万条数据中，实现毫秒级前端模糊搜索？

当数据量达到十万级别时，传统的前端搜索方案往往会引发灾难性的 UI 卡顿，甚至导致浏览器崩溃。

2025-09-10 07:05:00

前端模糊搜索

隐藏的 JavaScript API：关闭标签页时自动保存数据

Beacon API 彻底解决了我请求丢失的困扰：不再漏埋点、不再丢错误、不再怀疑请求有没有到服务端。那些“匆匆关页/迅速跳转”的场景里，你的追踪请求终于能活着抵达。

2025-09-10 01:45:00

JavaScript API 标签页

别再用 JWT 作为 Session 系统，问题重重，后果很危险！

无状态 JWT Tokens 无法被单独地销毁或更新，取决于你如何存储，可能还会导致长度问题、安全隐患。有状态 JWT Tokens 在功能方面与 Session cookies 无异，但缺乏生产环境的验证、经过大量 Review 的实现，以及良好的客户端支持。

2025-09-10 01:45:00

JWT Session 系统

前端文件上传的 N 种姿势：从简单到高级

在实际开发中，Ajax + FormData 是我们的首选方案，根据需要，可增加拖拽/粘贴事件监听优化体验，用分片上传来挑战“BOSS”。

2025-09-09 10:40:00

开发前端 Web 开发

90% 前端都不知道的 20 个「零依赖」浏览器原生能力！

本文分享 20 个 2025 年依旧「少人知道、却能立竿见影」的原生 API。下面，我们一起来看。

2025-09-09 10:00:00

前端浏览器 API

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

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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