鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.9w内容

关注

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

文章博文帖子课程

共 2.9w 条

开源纯 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 命令代码

用Kotlin的digitToIntOrNull玩转字符转换

将一个字符转换为指定进制（radix）下的整数。如果字符在该进制下无效，则返回 null。需要注意的是，进制范围必须在 2 到 36 之间，否则会抛出异常。

2025-05-14 08:23:25

Kotlin 字符函数

深入探索 .NET 多线程：解锁并发编程的强大力量

.NET 多线程技术为开发者提供了强大的工具，助力打造高效、响应迅速的应用程序。只要深入理解其原理，熟练掌握关键技术，审慎应对挑战，遵循最佳实践，就能在多线程编程的海洋中乘风破浪，让软件绽放出卓越性能。

2025-05-14 08:20:15

.NET 多线程技术

一键生成完整配音视频：UVR5 + 合成管道设计（集成 SadTalker + AnimateDiff）

通过将 UVR5 + Whisper + XTTSv2 + Aeneas + SadTalker/AnimateDiff + FFmpeg 全部打通，我们得以构建一个高度自动化的配音视频生成系统 EasyDub。未来我们也将集成更多能力（如 ReRender、Multi-Speaker Management、角色语音库等）来扩展 EasyDub 的可用性与创造力边界。

2025-05-14 07:35:27

UVR5 合成管道集成

Go语言从设计到优化全流程构建高并发权重抽奖系统

本文将基于Go语言实现一个完整的权重抽奖系统，涵盖核心算法、并发控制、安全防护等关键设计。

2025-05-14 03:00:00

Go 语言控制

一起聊聊多租户系统数据隔离实现方案

我们对多租户系统数据隔离实现方案，架构设计，以及如何优雅实现全局操作数据隔离都讲完了，同时也对mybati-plus的多租户插件实现原理和源码流程套路进行了浅析，也对实际应用案例中进行了举证并阐述了相关细节点。

2025-05-14 03:00:00

多租户系统数据隔离

符号执行框架综述：代码转换为符号执行所需符号的工具与技术

符号执行是一种强大的程序分析技术，它通过使用符号变量代替具体值，探索程序的所有可能执行路径。目前，已经开发了多种符号执行框架和工具，如Angr、KLEE、S2E等，它们在软件测试、漏洞检测、恶意软件分析等领域有着广泛的应用。

2025-05-14 02:22:00

符号工具 Angr

Go运行时底层接口标准化？“GOOS=none”欲为Go铺设通往裸金属、固件和微控制器的桥梁

当前的 GOOS=none 提案基于标准的 Go 运行时（包括垃圾回收等功能），其内存模型和编译/链接假设主要适用于现代 SoC 和服务器级 CPU。

2025-05-14 02:15:00

Go 固件微控制器

太强了！Spring Boot 五大内置“神兵”工具

SpringBoot为我们提供了一个工厂类，通过该工厂类我们不需要知道底层使用的具体什么库，该工厂类会自动判断选择。

2025-05-14 01:00:00

Spring 工具工厂类

上手 RxJS：掌握异步编程的秘密武器！

Effect-ts 的设计理念是基于副作用思想的开发范式，而 Rx.js 脱胎于响应式编程思路的开发范式，另外 Rx.js 主打的是处理异步事件流，而 Effect-ts 主打的是比 TypeScript 更安全的类型推理！

2025-05-14 00:01:10

RxJS 异步编程响应式

流式 HTML：那个没人告诉你的前端性能黑科技

今天咱们就聊聊，为什么你的网站加载还是这么慢——并介绍一个神奇的技巧：流式 HTML（Streaming HTML）。

2025-05-14 00:00:01

HTML 前端技巧

参数校验的六大神功！

"某一个周末下午，我接到电话，打开日志一看，NullPointerException堆栈里有38个不同位置的校验逻辑。

2025-05-14 00:00:00

参数校验逻辑

不再推荐！Vue3 为何放弃了这个 JavaScript 模式？

Vue3 推出的 Composition API 提供了一种更灵活、更透明的逻辑复用机制，它解决了 mixins 的所有核心问题。

2025-05-13 09:53:42

Vue3 JavaScript 开发

炸裂！这注解把 Controller 打成弟弟，开发效率直接狂飙 300%

@SuperController 注解的出现，简直就是 Java 开发者在 Controller 开发领域的一场革命。它通过整合多种常用功能，以声明式的方式简化了 Controller 的开发，让开发者能够更专注于核心业务逻辑，大大提高了开发效率和代码质量。

2025-05-13 09:31:27

Controlle 开发 Java

Promise 发布新 API！旧 API 要被淘汰了？

在现代 JavaScript 开发中，Promise 是处理异步操作的关键工具之一。随着 ES2025 发布，Promise.try() 引入了一个新的、非常实用的功能，它能够让我们以更简洁和优雅的方式处理同步和异步函数的执行，极大地简化了代码并提升了可读性。

2025-05-13 09:07:47

Promise API 静态

Kotlin去重黑科技：distinct的花式玩法大公开！

你整理了一筐水果，结果发现苹果混进去了三次；你统计用户订单，结果重复数据像复制粘贴一样出现...这时候就需要请出Kotlin家族的"去重小能手"—distinct！它能像筛子一样过滤重复项，还你干净整洁的数据集！

2025-05-13 08:21:18

Kotlin distinct 去重法

Deno、Bun 和 Node.js：性能大比拼与深度基准测试

我们的自定义 HTTP 服务器在从 Node.js 22 切换到 Deno 2.0 和 Bun 1.2.0 后，性能有了显著提升，这充分说明了现代 JavaScript 运行时在执行效率和请求处理方面的优化潜力。

2025-05-13 07:45:52

Deno Node.js Bun

数字人对口型同步技术实战：EasyDub 集成 Linly-Talker 实现自然对话动画

本文基于项目 EasyDub，详解如何集成 Linly-Talker 实现音频驱动的数字人口型同步动画，结合 SpringBoot 实现自动化任务队列管理，支持 2D/3D 模型动画生成，助力打造高沉浸感的智能虚拟人系统。

2025-05-13 07:43:42

EasyDub Linly-Talk SpringBoot

这个新出的 CSS 函数，一下子干掉了我一半的 JavaScript 代码！

我带你详细了解一下 calc-size() 到底有什么神奇之处，以及为什么它很可能成为你今后的 CSS 新宠。

2025-05-13 07:02:43

CSS JavaScrip 函数

SpringBoot 集成轻量级规则引擎 LiteFlow 实现规则编排艺术

LiteFlow 通过规则与代码解耦、动态编排、高性能执行三大特性，为复杂业务系统提供了优雅的解决方案，规则变更效率将得到大幅度的提升。

2025-05-13 04:15:00

SpringBoot LiteFlow 代码

Three.js创意粒子特效开发：可扩展的Sprite粒子动画框架解析

Sprite对象的运动是通过 TweenMax 来实现的。每个Sprite对象的初始位置、缩放大小以及移动路径都是随机的，以模拟自然效果。shuffle() 方法通过 TweenMax 来控制Sprite的动画，保证了Sprite在场景中的漂浮效果。

2025-05-13 02:01:00

Three.js Sprite 粒子

刚写了一个搜索框，一打字直接卡死了？？？

只要你在输入框里快速输入，比如输入 sunday-xxx，页面就会变得非常卡顿，甚至无法流畅打字，更别说什么“用户体验”了。

2025-05-13 01:00:00

搜索框 vue 性能

上一页 1 ··· 10 11 12 13 14 ··· 581 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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