鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.8w内容

关注

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

文章博文帖子课程

共 2.8w 条

继 Vite 之后，ESLint 也接入了 AI！

作为一名前端开发，咱们平时写代码的时候，代码规范这事儿一直挺让人头疼的吧。不过现在好消息来了！ESLint 这工具居然也开始用 AI 了，以后咱们可以让 AI 帮着管代码规范了！

2025-05-21 08:10:00

前端代码开发

JavaScript 从字符串中删除字符：11 种简单方法

我希望您喜欢这个关于如何使用 JavaScript 从字符串中删除字符的综合指南。我介绍了一系列方法，从简单的方法（如）substring()到slice()更复杂的方法（涉及正则表达式和异步操作）。

2025-05-21 04:00:00

JavaScript 前端

25 个 JavaScript 实用函数，我会复制粘贴到每个项目中（必备）

与其每次都从头开始编写这些实用工具，不如整理一下这个包含 25 个可复用的 JavaScript 函数的小集合，我几乎会把它们复制粘贴到每个项目中。

2025-05-21 02:00:00

JavaScript 前端

SpringBoot+责任链实现接口动态编排！

项目中有一个 OpenApi 接口提供给客户（上游系统）调用。这个接口中包含十几个功能点，比如：入参校验、系统配置校验、基本数据入库、核心数据入库、发送给消息中心、发送给 MQ.....

2025-05-21 01:00:55

Spring 责任链接口

用好缓存的十条军规

缓存不是存储数据的垃圾桶，需要根据数据访问频率、读写比例、数据一致性要求进行分级管理。大对象缓存会导致内存碎片化，甚至触发Full GC。

2025-05-21 00:10:00

缓存存储数据

五大主流 Web 框架真实性能对比：10亿请求下谁能幸存？

Node.js (Fastify) 表现超出预期，证明了其并非“玩具”，适合主流生产场景；Java (Spring Boot) 虽然需要资源支持，但调优后依旧坚挺；Python (FastAPI) 在超高负载场景表现最弱，适合中小规模应用或数据服务。

2025-05-21 00:00:00

Web 框架 Node.js

速度提升100倍，最新Python包管理工具uv，淘汰pip

uv 以 Rust 的高性能为基底，通过整合 Python 开发全流程工具链，为开发者提供了从环境管理到脚本运行的一体化解决方案。

2025-05-20 11:54:01

Python 管理 uv

炸裂！用 Spring Boot 搭 Flowable 搞工作流居然这么爽

直到遇到了 Flowable，这个和 Spring Boot 天生一对的工作流引擎，才让我体验到什么叫「丝滑开发」。今天咱就来唠唠，怎么用 Spring Boot 把 Flowable 玩出花，让工作流开发爽到飞起！

2025-05-20 09:31:19

Spring 工作流引擎

SpringBoot与GeoHash整合，实现骑手的实时就近派单功能

通过使用GeoHash结合Redis的地理空间功能，能够实时管理和查询骑手的位置信息，并根据订单量和评分等因素动态分配最近的骑手来完成配送任务。

2025-05-20 09:00:04

Spring GeoHash 派单

体验新秩序：前端接入 AI 的七个高效平台

一个React开发的AI聊天界面库，适用于客服系统、智能助手等场景，可以快速实现类似ChatGPT的对话界面。

2025-05-20 08:52:12

前端 React 开发

1.8w字图解Java并发容器框架：并发安全 Map、JUC 集合、Java 7 种阻塞队列正确使用场景和原理详解

所谓双向队列指的你可以从队列的两端插入和移出元素。双端队列因为多了一个操作队列的入口，在多线程同时入队时，也就减少了一半的竞争。

2025-05-20 08:31:19

Java 并发容器

七个解构赋值绝妙用法，代码量减少 50%

解构赋值是ES6中引入的一项强大特性，它允许我们从数组或对象中快速提取值并赋给变量。掌握这些技巧不仅能让你的代码更加简洁优雅，还能显著提升开发效率。

2025-05-20 08:25:00

解构赋值代码

Go Context 的检验法则和优秀实践

本文介绍了管理 Go Context 的检验法则和优秀实践，从而有助于创建更健壮的 Go 应用程序。

2025-05-20 08:20:00

Go Go Context 上下文

实现一个方法的链式调用

这个需求是一个典型的异步链式调用场景，尤其是 sleep 延迟后再继续执行后续操作。实现时关键在于：每次调用都注册一个异步任务；按顺序排队执行（使用 Promise 链或任务队列）；每个方法返回 this 以保持链式调用。

2025-05-20 08:00:00

链式调用异步

基于 Spring Event 的异步解耦

Spring Event是Spring框架提供的一套事件发布 - 订阅机制，其核心思想基于观察者模式。在这一机制中，存在三种角色：事件发布者（Publisher）、事件（Event）和事件监听器（Listener）。事件发布者负责产生并发布事件，事件是承载业务信息的载体，而事件监听器则负责接收并处理特定类型的事件。

2025-05-20 07:13:22

Spring 异步解耦 Event

Dubbo中SPI机制的实现原理和优势

我们从 Dubbo 配置项的定义中发现，Dubbo 采用了与 JDK 不同的实现机制。虽然 Dubbo 也采用了 SPI 机制，也是从 jar 包中动态加载实现类，但它的实现方式与 JDK 中基于 ServiceLoader 是不一样的。

2025-05-20 05:53:07

Dubbo SPI 机制

Java性能调优实战，将处理时间从7000ms压缩到90ms

选择低时间复杂度的算法和数据结构，是解决集合数据处理性能问题的关键。开发者在处理数据匹配逻辑时，应优先考虑哈希表等高效方案，从根本上规避循环嵌套带来的性能瓶颈。

2025-05-20 04:00:00

Java 性能算法

原子化的未来？了解一下全面进化的CSS attr函数

CSS attr函数相信大家都用过了吧，通常会配合伪元素content动态生成内容，比如一个简易的tooltip。

2025-05-20 01:00:00

CSS attr 函数

AI遭遇灵魂拷问！这道题所有模型集体翻车，网友：我也不会啊

针对这一难题，国内外支持图像输入的大模型纷纷给出了不同的答案。其中，o3给出的答案是45个，Gemini 2.5Pro给出的答案仅有10个。

2025-05-19 17:18:57

一场会议后，我们CTO全面封杀了Rust！原创精选

Rust 是一把好工具——如果你拥有合适的团队、合适的时间、和合适的问题。但可惜我们，没有这样的团队、时间和问题场景。这就是我们 CTO 在一次重写后封杀 Rust 的原因。

2025-05-19 14:35:30

Rust CTO 项目

Node 24 正式发布，你无法再忽视它的存在了！

主动拥抱新技术，尝试新特性，才能真正推动技术成长。如果升级过程遇到问题，这恰恰意味着发现了项目潜在的技术债务，也为未来的技术架构打下更稳固的基础。

2025-05-19 08:10:55

Node.js 优化技术

开源纯 Python 后台管理系统，支持任务管理功能

作为一个持续迭代更新中的开源项目，DashGo目前已具备的主要功能中，任务模块是近期刚刚新增的功能模块，下文中我们就将针对此项新功能做详细介绍。

2025-05-19 08:10:00

Python DashGo 开源

Java 文件处理：MultipartFile 与 File 互转

在文件上传功能中，接收客户端上传的MultipartFile后，将其转换为File保存到服务器本地，方便后续的存储和管理，如图片上传、文档上传等。

2025-05-19 07:34:42

File 客户端存储

别再用 px 了！坑很多......

响应式适配，是前端开发中绕不开的一个话题。无论是做 H5、后台管理系统，还是小程序，只要涉及到多端适配，基本就逃不过这一关。

2025-05-19 04:00:00

响应式适配 H5

全新时态 API 如何最终解决 JavaScript 长达 30 年的时间问题

Temporal 是一种新的 JavaScript 日期和时间 API，完全取代旧版的 Date 对象。不同于传统构造函数，Temporal 是一个类似 Intl 的命名空间，无法使用 new 操作符或函数调用方式进行实例化。

2025-05-19 02:00:00

API JavaScript 对象

停止在表单中使用 :valid，这个新 CSS 特性更适合你

建议开发者停止使用传统的 :valid 与 :invalid 进行即时反馈，转而采用 :user-valid 和 :user-invalid 来实现更精确、更符合用户期望的交互效果。

2025-05-19 00:05:12

CSS 特性用户

实际工作中 Git Commit 代码提交规范是什么样的？

Git 是我们日常工作中使用最为广泛的分布式版本代码控制系统，因此在我们的实际工作中，git commit 代码提交规范能够让每一次代码提交都变得有据可循，方便后续的代码审查、问题追踪和版本管理。同时，规范的提交信息也能够为自动化工具提供便利，如生成变更日志、自动化部署等。

2025-05-19 00:00:00

Git 代码自动化

2025 啦，我们终于能用 CSS 一行代码实现暗黑模式了！

说起主题切换，很多同学肯定是不陌生的。在过去我的很多课程中都讲到了主题切换的功能。它的实现原理简单一句话描述就是：通过不同的状态标记（light || dark），使用不同的 css，从而达到不同的样式。

2025-05-16 11:44:43

CSS 模式样式

async/await 错误处理的陷阱：生产环境踩过的五个坑

作为一名经历过无数深夜紧急修复的开发者，分享下生产环境中亲身经历的五个async/await错误处理陷阱，以及如何避免它们。

2025-05-16 10:53:43

开发异步编程 JavaScrip

Vue3 最强组合套装！不得不佩服尤雨溪！

随着 Vue3 版本的逐渐成熟，我们的前端世界也迎来了一系列令人振奋的更新和工具。Vue 生态圈的持续扩大，无疑为前端开发人员带来了前所未有的便利。

2025-05-16 10:11:48

前端 Vue3 开发

深入解析 Guava Cache- 从基本用法、回收策略、刷新策略到实现原理

Guava Cache 支持 segment 粒度上支持了 LRU 机制，体现在 Segment 上就是 writeQueue 和 accessQueue。队列中的元素按照访问或者写时间排序，新的元素会被添加到队列尾部。如果，在队列中已经存在了该元素，则会先delete掉，然后再尾部添加该节点。

2025-05-16 08:53:06

Guava Cache 策略

launch与async：Kotlin协程中的即兴与精准控制

编程如烹饪，火候见真章，好的代码和好的料理一样，都需要掌握并行处理的精髓。下次当你在代码中敲下launch或async时，记住这不仅仅是语法选择——这是你在并发世界的生存策略。

2025-05-16 08:21:45

launch async 协程

Vue Router 架构级高阶技巧：十个隐藏用法，你可能从未见过！

实际上，Vue Router 藏着许多高级玩法，能够在性能优化、架构解耦、微前端、权限系统、异步注册等场景中大显身手。今天，我就为你分享 10 个真正高阶、冷门、架构级别的 Vue Router 用法。

2025-05-16 07:56:55

Vue Router 架构前端

构建美观且高效的 Spring Boot 脚手架

我们项目常常依赖中间件，比如mysql，kafka，redis等，如果要单元测试，我们通常的做法是在dev环境部署一套项目中依赖的中间件，非常麻烦，而且数据还不容易隔离，所以内存版的中间件就是来解决这个问题的。

2025-05-16 07:24:41

Spring kafka 脚手架

亿级核心表如何优雅扩展字段？中台团队实战经验揭秘

业务方再提出新增字段诉求，只需要在数据管理后台进行配置上线，使用者即可通过指定接口，或接口的指定参数将数据传入，实现数据的存储、传递、检索能力，全程无需开发介入。

2025-05-16 03:20:00

亿级配置开发

为什么阿里不推荐使用 keySet() 遍历HashMap？

HashMap相信所有学Java的都一定不会感到陌生，作为一个非常重用且非常实用的Java提供的容器，它在我们的代码里面随处可见。因此遍历操作也是我们经常会使用到的。

2025-05-16 02:00:00

HashMap Java 代码

区分初学者与专业开发者的七个核心 HTML 技能

HTML 作为前端开发的基石，决定了后续所有层（CSS、JS、框架、SEO）的构建质量。轻视它，容易造成结构混乱、加载缓慢、可访问性低等问题；精通它，则能打造更高质量、更可维护、更具专业感的网站。

2025-05-16 00:00:00

HTML 前端 CSS

打印优质日志的十条军规

在logback.xml中统一配置了日志的时间格式、tradeId，线程、等级、日志详情都信息。日志的格式统一了，更方便点位问题。

2025-05-15 20:55:38

日志格式线程

千万别这么用 Redis 和 @Transactional！我踩过的坑能绕地球三圈

故事得从三年前说起，那时候咱刚接手一个电商项目，负责用户积分系统。需求是用户下单成功后，扣减账户积分，同时记录积分变更日志。咱心想，这事儿简单啊，Redis 存用户实时积分，数据库存积分变更记录，再用 @Transactional 保证数据库操作的原子性，完美！

2025-05-15 09:31:15

Redis 日志数据库

太牛了！手势操控 Three.js！效果炸裂！

“stark-shapes” 项目实现手势操控 3D 粒子动画，带来新交互体验，是优质学习平台，拓展应用前景广阔。

2025-05-15 08:45:00

开源前端手势

为何大厂核心代码避免使用 JavaScript 箭头函数？

箭头函数是 ES6 引入的一个很好的特性，但在 Facebook 的百万行 JavaScript 代码中，箭头函数的使用受到严格的代码规范约束。

2025-05-15 08:40:00

JavaScript ES6 箭头函数

被空白逼疯？试试Kotlin的「空白克星」ifBlank大法！

直到测试小姐姐输入了" "（三个空格），直接显示"匿名用户"！领导怒斥："我们又不是匿名交友App！" 😱 这时候，ifBlank来拯救世界了！

2025-05-15 08:27:25

ifBlank Kotlin 性能

Vue 3.5 ：新特性全解析与开发实践指南

Vue 3.5 的发布标志着 Vue 进入了一个新的发展阶段，本文将全面解析 Vue 3.5 的核心更新内容，帮助你快速上手并应用于实际项目中。

2025-05-15 08:10:00

如何在本地打包 StarRocks 发行版

FE 是 Java 开发的，本地构建还比较容易，而 BE 是基于 cpp 开发的，构建环境比较复杂，在统一的 docker 镜像里构建会省去不少环境搭建流程。

2025-05-15 08:08:51

StarRocks FE Java

WebSocket 自定义安全校验优化实践

在以Spring Boot与Vue搭建的应用体系里，WebSocket作为实现前后端实时交互的得力助手，被广泛运用。然而随着网络安全形势日益严峻，为WebSocket交互筑牢安全防线变得至关重要。

2025-05-15 07:11:51

WebSocket 自定义安全

深入理解Node.js中的阻塞与非阻塞I/O：提升应用性能的关键

理解阻塞与非阻塞I/O的差异是掌握Node.js的关键。在大多数现代Web应用中，非阻塞I/O是更好的选择，它提供了更好的性能和可扩展性。

2025-05-15 04:00:55

Node.js 阻塞非阻塞

15 个高级 CSS 技巧，彻底提升你的前端开发水平

在设计和前端开发领域深耕十多年后，我深刻体会到 CSS 的强大之处。尽管 JavaScript 常常占据聚光灯，但 CSS 本身也能创造出令人惊叹的交互体验。以下是 15 种纯 CSS 技巧，它们将你的前端技能提升到一个全新的高度。

2025-05-15 03:20:00

CSS 技巧前端

别再用雪花算法生成ID了！试试这个吧！

我们最开始考虑的是雪花算法方案，使用的是经典的 twitter开源的算法 snowflake。这个算法非常强大，生成的是 64bit 的数字id，天然支持分布式。

2025-05-15 03:00:00

雪花算法 ID

九个被低估的 CSS 特性：让前端开发更高效的秘密武器

前端开发者之间的差距，往往体现在细节掌控力上。对于布局的微调、表单的响应、组件的一致性，这些 CSS 的隐藏技巧正是决定体验质感的关键。

2025-05-15 00:01:00

前端 CSS 组件的一致性

三年经验凭啥碾压五年老鸟？全靠 Arthas 这手神操作！

Arthas 的功能远不止本文介绍的这些，还有很多实用的命令和技巧等待你去探索和发现。比如tt命令的回放功能、mc和redefine命令结合实现代码热替换、dashboard命令的自定义扩展等等。希望大家能够亲自去实践，多在实际项目中使用 Arthas，让它成为你开发路上的好帮手。

2025-05-14 09:31:08

Arthas 命令代码

上一页 1 ··· 5 6 7 8 9 ··· 576 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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