鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

深入理解 CSS clamp() ，前端人的UI实现指南

在设计网页时，自适应性是关键。必须考虑不同的屏幕尺寸、设备方向和用户偏好。CSS clamp() 是一个强大的工具，可以帮助您设计灵活的布局，但了解何时如何有效地使用它至关重要。

2025-03-07 11:26:52

CSS 前端 clamp()

告别预处理器依赖，原生 CSS 也能高效开发！

对于现代项目，CSS变量应成为样式管理的首选方案。它们提供了运行时灵活性、更好的调试体验和更简洁的工作流程。

2025-03-07 10:14:31

开发 CSS变量前端

Vue 中 slot (插槽)是什么？多次声明同个插槽会怎样？

在 Vue 中，插槽（slot）是一种内容分发机制，它允许你在组件内部预留一个“空白区域”，以便父组件在使用该子组件时传入任意的内容。这种机制使得组件更灵活、更具可复用性，能够满足不同场景下的自定义需求。

2025-03-07 10:10:48

Vue 插槽 slot

字节的Trae不像一个IDE，它更像一个人

Builder模式才是重磅炸弹，就像一个坐在身边的程序员一样，从零开始一步步地把一个项目创建出来，它不但会生成代码，还会安装依赖，自动抓取命令行窗口的错误，然后进行修复，非常强悍。

2025-03-07 09:18:10

IDE Builder 模式

Go 1.24 重磅更新：Wasm 性能优化、模板迭代器支持，开发者不容错过！

Go 1.24 的发布进一步巩固了 Go 语言在现代开发中的地位。通过提升操作系统支持、增强 WebAssembly 功能以及改进模板包的迭代器支持，Go 1.24 为开发者提供了更强大的工具和更高的性能。

2025-03-07 09:12:28

Go 语言开发

Go项目实战-关于列表分页的封装和简化

我们会实现商品模块的主要功能接口，在其中会实际应用一下我们在搭建项目定制化的响应组件中的Pagination，来简化分页查询相关的操作，在代码实现上也比普通的方式更优雅一些。

2025-03-07 09:01:14

商品模块接口项目

面试官：TypeScript中普通枚举的反向映射是什么，它与常理枚举的区别

在 TypeScript 中，普通枚举（非 const enum）的一个特点是它会生成反向映射。这意味着你不仅可以通过枚举的名字获取对应的数值，还可以通过数值反查到枚举的名字。

2025-03-07 08:53:33

TypeScript 普通枚举反向映射

面试官：Typescript中的Iinterface与Type的区别？

两者在描述对象时有很多相似之处，但 interface 更偏向于面向对象的设计和扩展，而 type 则在类型组合和别名方面更灵活。选择哪一个主要取决于你的具体需求和团队的编码风格。

2025-03-07 08:44:47

Typescript iinterface type

2025年TypeScript已经不够用了，搭配这个每周下载2000万次的神器使用，完美！

在 2025 年，仅依赖TypeScript的静态检查已不足以应对复杂应用的挑战。Zod 通过运行时验证、类型强制、错误处理等特性，与TypeScript形成完美互补。两者的结合不仅降低了开发成本，更大幅提升了应用的健壮性与安全性。

2025-03-07 08:33:11

TypeScript Zod 开发

SpringBoot与MapStruct整合，解决复杂对象转换中的类型安全漏洞问题

我们在写多层架构时，数据传输对象（DTO）、实体类和其他业务对象之间的转换是不可避免的。手动编写这些映射逻辑不仅耗时而且容易出错。

2025-03-07 08:31:54

DTO 数据传输对象

一篇文章彻底搞懂Synchronized 和 Volatile，看完涨薪50%！

小米是一家互联网大厂的Java开发工程师，最近在准备面试题。他的朋友小明在另一家公司面试Java后端工程师，面试回来一脸生无可恋：“面试官上来就问 synchronized 和 volatile 的区别，我结巴了半天，最后被怼得体无完肤！”

2025-03-07 08:24:10

Java volatile count++

5000+实例崩盘？揭秘Nacos高并发背后的3个致命陷阱！

你负责的微服务系统使用Nacos作为注册中心，服务实例数超过5000个，且业务高峰期每秒有数百个服务实例发生注册、注销或心跳续约操作。

2025-03-07 08:17:36

Nacos 注册中心服务

一行代码干掉 Promise.all！JavaScript 异步编程的终极简化！

长期以来，Promise.all() 一直是我们处理并发 Promise 的首选方法，但它存在一个致命缺陷：一旦任何一个 Promise 被拒绝（rejected），整个操作就会失败。

2025-03-07 07:20:00

JavaScript 异步编程 Promise

面试官问懵了？Webpack 的 Loader + Plugin开发竟比配置还简单？

入口、出口、模式的概念其实都比较好理解。但是一旦涉及到 loader 和 plugin，特别是实现 loader 和 plugin 很多小伙伴就比较懵了。所以，今天咱们就拿出 10 分钟的时间，一起来看那看那 loader 和 plugin 是如何实现的！

2025-03-07 02:00:00

webpack Plugin 开发

面试官：说下Pinia实现原理，它与Vuex区别是什么？

Pinia 是 Vue 官方推荐的状态管理库，定位为 Vuex 的替代方案，具有更轻量、灵活、简洁的特点。Pinia 的实现原理同样基于 Vue 的响应式机制，但在架构设计和 API 上做了明显改进。

2025-03-07 00:36:01

C#程序员转行量子计算！微软量子开发套件实战：破解传统加密算法

正如微软量子计算负责人所言："量子开发不是从零开始，而是C#开发者的降维打击。"当JavaScript程序员还在适应量子计算的语法革命时，C#开发者已经在用熟悉的工具链重构整个加密体系。

2025-03-07 00:33:26

C#开发套件量子

微软偷偷更新的.NET黑科技：热重载让调试效率提升10倍，99%开发者却不会用！

某电商团队的真实案例：在促销活动期间，开发人员因修复一个按钮样式问题，反复重启Web应用导致损失23分钟调试时间。

2025-03-07 00:29:37

微软 .NET 调试

华为一面：谈谈你对JWT的理解？

JWT 提供了一种有效的方法来处理用户身份验证和信息交换的问题，也是目前主流的用户登录验证机制，但同时也需要注意上述提到的一些潜在风险和限制，它更适用于分布式大型项目的用户信息传输和登录权限判断。

2025-03-07 00:11:00

JWT JSON Session

面试官：说下 vuex 实现原理?

Vuex 是 Vue.js 专用的状态管理模式和库，统一管理应用的全局状态，解决组件之间的数据共享问题。其本质原理是利用 Vue 提供的响应式系统，配合 Vue 的数据响应机制实现数据驱动视图更新。

2025-03-07 00:00:10

Vuex Vue.js 数据

C#性能优化黑科技：从代码层面到系统架构，解锁应用极致性能！

假设我们开发一个电商应用，其中有一个商品列表页面，需要频繁加载商品数据。最初，我们使用了简单的代码实现，没有进行性能优化，导致页面加载速度缓慢。

2025-03-06 14:00:00

深入理解 CSS clamp() ，前端人的 UI 实现指南

在设计网页时，自适应性是关键。必须考虑不同的屏幕尺寸、设备方向和用户偏好。CSS clamp() 是一个强大的工具，可以帮助您设计灵活的布局，但了解何时如何有效地使用它至关重要。

2025-03-06 12:44:45

CSS 前端开发

聊聊分布式配置中心 Apollo

随着程序功能的日益复杂，程序的配置日益增多，各种功能的开关、参数的配置、服务器的地址……对程序配置的期望值也越来越高，配置修改后实时生效，灰度发布，分环境、分集群管理配置，完善的权限、审核机制…… 在这样的大环境下，传统的通过配置文件、数据库等方式已经越来越无法满足开发人员对配置管理的需求。

2025-03-06 11:30:15

Apollo 程序配置

2025 React + TypeScript 实战指南！

函数组件是现代 React 开发中最常用的组件形式。使用 TypeScript 声明函数组件时，通常需要定义 props 的类型。在 React 中，有两种方法可以给函数组件定义类型：React.FC 和直接定义props类型。

2025-03-06 11:07:27

React 开发 TypeScript

Go 下一步计划，新标准库 sync/v2！

通过将 sync.Map 和 sync.Pool 改造为泛型类型，可以轻松解决和避免这些问题。但是由于 Go1 兼容性保障。也就是兼容性问题，考虑 Go 核心团队无法直接修改现有 sync v1 包中的 Map 和 Pool 类型。

2025-03-06 08:54:24

泛型类型 Map Go1

瞧瞧别人家的判空，那叫一个优雅！

我们在日常开发中的entity对象，一般会使用Lombok框架中的注解，来实现getter/setter方法。

2025-03-06 08:21:02

判空 entity 对象

C# 表达式树 (Expression Trees) 详解

若 lambda 表达式被分配给 Expression<TDelegate> 类型的变量，则编译器可以发射代码以创建表示该 lambda 表达式的表达式树。C# 编译器只能从表达式 lambda （或单行 lambda）生成表达式树。

2025-03-06 08:16:08

lambda 表达式变量

面试官想听的不仅是命令——如何结构化回答 “ 容器无 Shell 时如何测试外网 ” ？

在 Kubernetes 集群中，某些容器镜像（如基于 scratch 或 distroless 的镜像）为了追求极简化和安全性，移除了交互式 Shell（如 /bin/bash 或 /bin/sh）以及常见网络工具（如 curl、ping）。当这类 Pod 出现外网访问异常时，传统调试方法失效，需要更高级的技巧。

2025-03-06 08:01:46

Kubernetes scratch Pod

什么 Hooks？请叫我 Composables ！

hook 翻译过来是钩子的意思。hooks 作为复数，直译就是多个钩子，在开发领域中特指钩子函数。在开发领域，最初的 hook 是和回调钩子绑定的。比如我们常说的 git hooks 指的就是在 git 提交的时候所产生的多个回调钩子函数。

2025-03-06 03:00:00

hook复数函数

深入解析.NET Core 性能监控：构建高效监控体系

.NET Core 性能监控是保障应用稳定运行的关键环节。借助 App.Metrics、InfluxDB 和 Grafana 等工具，开发者可以构建一套功能强大、灵活易用的性能监控体系，实时掌握应用的性能状况，及时解决性能问题，为用户提供更好的使用体验。

2025-03-06 02:00:00

.NET Grafana 工具

C#反射机制探秘：动态编程的神秘面纱，你了解多少？

在图形处理软件中，不同的滤镜效果可以封装成插件。通过反射加载这些插件程序集，根据用户选择动态实例化滤镜类并应用效果，无需在主程序中提前硬编码所有滤镜逻辑，方便后期扩展新滤镜。

2025-03-06 00:33:09

动态编程 C#

C#程序员必知：如何让你的代码跑得比火箭还快！深度优化实践指南

在C#编程的世界里，代码的运行效率是衡量程序质量的重要指标之一。无论是开发小型应用还是大型企业级系统，高效的代码都能带来更好的用户体验和更低的资源消耗。本文将为C#程序员分享一系列实用的优化思路和策略，助力你的代码飞速运行。

2025-03-06 00:24:43

为什么选择 Next.js 提升 SEO 表现？

Next.js 是一个强大的框架，帮助开发者高效构建性能卓越的 SEO 友好型应用。通过结合 SSR、SSG 和 ISR 等渲染方式，再加上动态元标签和站点地图功能，网站能够快速加载并获得良好的搜索引擎排名。

2025-03-06 00:00:00

Next.js SEO SSR

线程池拒绝策略四大“送命题”：答错一个，offer直接凉凉！

当线程池的核心线程数、最大线程、任务队列都满的情况下，又来了新的任务时，线程池执行的行为被称之为线程池的拒绝策略。

2025-03-05 10:34:56

线程池 Java 任务队列

shadcn/vue：一款高效、美观的Vue组件库，助力快速构建现代Web应用

本文介绍了一款由知名前端开发者shadcn发起的开源Vue组件库项目——shadcn/vue。通过深入剖析shadcn/vue的项目背景、目标客户、平台定位、技术栈、核心功能、独特优势、应用场景及安装使用方法，本文旨在向广大Vue.js开发者推广这一优秀的组件库，并探讨其在现代Web应用开发中的巨大潜力。

2025-03-05 10:01:44

Vue Web应用前端

Python 中字典 Dictionary 详解

Dictionary<TKey, TValue>是C#中用于存储键值对集合的泛型类，属于System.Collections.Generic命名空间。它允许使用键（Key）来访问与其关联的值（Value）。其中，TKey表示字典中键的类型，TValue表示字典中值的类型。

2025-03-05 08:40:56

Dictionary Key 字典

深入探索 EF Core 数据库迁移与表生成实体

在实际项目中，可根据团队开发流程灵活运用，如在新项目启动时利用迁移创建初始架构，后期迭代持续更新；对接遗留数据库时，先逆向生成实体再按需优化调整，充分发挥 EF Core 的强大功能。

2025-03-05 08:40:43

项目数据库流程

面试官想听的 Nginx：直接上生产级配置！

Nginx 具有强大的缓存功能，可以通过缓存机制大幅度减少后端服务器的负载，降低响应时间。HTTP 缓存，可以通过配置 proxy_cache 来缓存响应，避免每次请求都转发到后端服务。

2025-03-05 08:04:31

Nginx 缓存服务器

Java 中实现用户登录次数限制的多种方案

如果你是单机应用，ConcurrentHashMap 和 ScheduledExecutorService 可能是个不错的选择；如果是分布式系统，使用 Redis 方案会更有优势；而对于 Spring 框架的项目，Spring Security 方案会更贴合你的需求。

2025-03-05 07:58:30

Java 单机应用 Redis

面试官：Next.js 中的 next/dynamic 有什么作用？如何使用它

next/dynamic 是 Next.js 提供的动态导入（Lazy Loading）功能，用于按需加载组件，从而减少首屏 JS 体积，提高性能。

2025-03-05 02:10:00

Lazy 组件性能

一不小心就翻车！volatile 和 Atomic 的区别，你真的清楚吗？

通俗点说，Java 的 volatile 变量类似于“全员广播”模式。每当某个线程修改了这个变量，其他线程都能立刻看到最新的值，不会出现“脏数据”。

2025-03-05 00:27:00

volatile Atomic Java

面试官：Next.js 的 API 路由与传统的 Express.js 路由有什么区别？

Next.js 14/15 版本的 API 路由与传统的 Express.js 路由在架构、运行环境和使用方式上有所不同。

2025-03-05 00:02:00

Next.js Express.j API 路由

2025 前端五个顶级通用拖拽库

gridstack.js 是一个专门用于拖拽式网格布局的 JavaScript 库，适用于仪表盘、低代码平台、拖拽式页面构建器等场景。它提供了一套网格化布局系统，支持拖拽、调整大小、自适应排列，使用户可以像拼积木一样自由调整组件布局。

2025-03-05 00:00:07

JavaScrip 仪表盘排列

面试官：React-Redux 它是怎么更新界面的？

React-Redux 通过 useSelector 监听 store，dispatch 触发 store 变更，useSyncExternalStore 检测 state 变化，决定是否重新渲染组件，从而实现高效的 UI 更新。

2025-03-05 00:00:00

React store UI 更新

面试官：React-Redux 它是怎么更新界面的？

React-Redux 通过 useSelector 监听 store，dispatch 触发 store 变更，useSyncExternalStore 检测 state 变化，决定是否重新渲染组件，从而实现高效的 UI 更新。

2025-03-05 00:00:00

state 变更组件

面试官：UseSelector 返回的一个State数据很大，这个要怎么优化

如果 useSelector 返回的 state 数据很大，可能会导致不必要的组件重新渲染，影响性能。优化方式主要有以下几种。

2025-03-05 00:00:00

state渲染性能

2025 超现代 Python 实用工具

Ruff 是一个集速度、功能和易用性于一体的 Python 代码工具，适合希望提升代码质量和开发效率的开发者。无论是个人项目还是团队协作，Ruff 都能成为你的得力助手，帮助你更轻松地编写高质量的 Python 代码。

2025-03-04 10:49:51

Ruff 工具 Python

别再混淆了！JVM内存模型和Java内存模型的本质区别

JVM 内存模型（JVM Memory Model）和 Java 内存模型（Java Memory Model, JMM）是 Java 开发中两个非常重要的概念，但这两个概念很容易被搞混，所以本文就来通俗易懂的讲讲二者的区别。

2025-03-04 10:45:19

JVM 内存模型 Java

ES15 中最具变革性的五个 JavaScript 特性

随着 ES15 和有前途的提案的推出，JS 功能有了全新的升级。从复杂的异步功能到语法数组糖和现代正则表达式，JavaScript 编码变得比以往任何时候都更容易、更快捷。

2025-03-04 10:03:47

JavaScript ES15 开发

Java SPI 机制：从基础到演进，探索 Dubbo SPI 的革新之路！

在面向接口编程的设计理念中，解耦是实现模块化扩展的核心目标。Java 标准库提供的 SPI（Service Provider Interface）机制，正是为解决接口与实现之间的动态绑定问题而生。

2025-03-04 09:02:25

Java SPI 机制

解锁SpringEvent：实现组件间的松耦合通信

SpringEvent作为Spring框架中一种强大的事件机制，为应用内部不同组件之间的通信提供了灵活而高效的方式。通过本文的介绍和实战示例，相信你已经对SpringEvent有了更深入的了解，并能够在实际项目中灵活应用它来提升应用的性能和可维护性。

2025-03-04 08:56:31

Spring 框架应用

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

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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